[JS]クロスブラウザ対応の画像を使わずに角丸を生成するスクリプト -corners.js

画像を使わずに、パネルの四隅を角丸にする軽量のスクリプトをthe css blogから紹介します。

デモのキャプチャ

Creating rounded corners (the "Deviant art's" way)
demo

パネルのHTML箇所は、下記のようになります。

各classは固定で、idを指定することで同一ページに異なるデザインの角丸を指定できます。

対応ブラウザは、IE6/7/8, Fx, Op, Safari, Chromeとのことです。

スクリプトはjQueryのプラグインのため、実装にはjquery.jsが必要です。

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

top of page

©2011 coliss