Demo | jQuery DivCorners | Product of roydukkey

古いブラウザも考慮した角丸実装jQueryプラグイン「DivCorners」
border-radiusで角丸は実装できるようになりましたが、古い非対応ブラウザだとうまく表示されないということで、やっぱりdivでやろうという方は必見のプラグイン。
連番の画像を用意しておくだけであとは簡単に初期化できます

実装コードの例。


prefix+"top-left"+拡張子
prefix+"top"+拡張子
prefix+"bottom"+拡張子
・・・

という感じで画像を８枚用意すれば独自の縁が簡単にできます



グラデーションがかかったものも簡単に実装できます



単純にdivで分割しているだけです



関連エントリ

• IEでもCSS3を使うためのツールやリソース集
• CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」