THE HAM MEDIA BLOG

jQueryを使って背景を角丸にする

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery plugin紹介
タグ:
jquery
javascript
角丸

jQueryを使って背景を角丸にする

最近jQueryのプラグインの紹介ばかりですが、
今日もjQueryのプラグインの紹介。

今日はjQueryのプラグインで、
簡単に角丸にしてしまうものを紹介します。

JQuery Curvy Corners

有名なのだと「jQuery Corner」なのですが、
JQuery Curvy Cornersの方が画像とかにも使えるので、
こっちのほうが利用するケースが多いかなと思い使ってみました。

背景画像を角丸にしてみる

■ プレビュー

サンプル

これは背景に画像を指定しています。
ポイントはボックスの高さを実際の画像よりも少し低めにしておくこと。
たとえば200pxの高さのある画像だったとした場合は、
180px位に指定しておく。
高さジャストにしてしまうと、下部分が角丸にならないです。

他のサンプルはサイトのデモにて見てください。

なんとなく、Fx3の方がIEよりもレンダリングが遅いのは・・・
気のせいなのだろうか?

この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

トップに戻る