古いブラウザも考慮した角丸実装jQueryプラグイン「DivCorners」
2011年08月02日-
スポンサード リンク
Demo | jQuery DivCorners | Product of roydukkey
古いブラウザも考慮した角丸実装jQueryプラグイン「DivCorners」
border-radiusで角丸は実装できるようになりましたが、古い非対応ブラウザだとうまく表示されないということで、やっぱりdivでやろうという方は必見のプラグイン。
連番の画像を用意しておくだけであとは簡単に初期化できます
実装コードの例。
prefix+"top-left"+拡張子
prefix+"top"+拡張子
prefix+"bottom"+拡張子
・・・
という感じで画像を８枚用意すれば独自の縁が簡単にできます
グラデーションがかかったものも簡単に実装できます
単純にdivで分割しているだけです
関連エントリ
古いブラウザも考慮した角丸実装jQueryプラグイン「DivCorners」
border-radiusで角丸は実装できるようになりましたが、古い非対応ブラウザだとうまく表示されないということで、やっぱりdivでやろうという方は必見のプラグイン。
連番の画像を用意しておくだけであとは簡単に初期化できます
実装コードの例。
prefix+"top-left"+拡張子
prefix+"top"+拡張子
prefix+"bottom"+拡張子
・・・
という感じで画像を８枚用意すれば独自の縁が簡単にできます
グラデーションがかかったものも簡単に実装できます
単純にdivで分割しているだけです
関連エントリ
スポンサード リンク
By.KJ : 2011年08月02日 09:02 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 過去のエントリ
