jQueryを使って背景を角丸にする
最近jQueryのプラグインの紹介ばかりですが、
今日もjQueryのプラグインの紹介。
今日はjQueryのプラグインで、
簡単に角丸にしてしまうものを紹介します。
有名なのだと「jQuery Corner」なのですが、
JQuery Curvy Cornersの方が画像とかにも使えるので、
こっちのほうが利用するケースが多いかなと思い使ってみました。
背景画像を角丸にしてみる
■ プレビュー
これは背景に画像を指定しています。
ポイントはボックスの高さを実際の画像よりも少し低めにしておくこと。
たとえば200pxの高さのある画像だったとした場合は、
180px位に指定しておく。
高さジャストにしてしまうと、下部分が角丸にならないです。
他のサンプルはサイトのデモにて見てください。
なんとなく、Fx3の方がIEよりもレンダリングが遅いのは・・・
気のせいなのだろうか?
参考エントリー: