CSSと一枚の画像だけで透明感のある角丸パーツをつくる方法
February 17, 2007 12:59 AM written by Gen Taguchi

※ 下記の記事に誤りがありました。謝罪&修正記事はこちらへ。

あいかわらず流行っている角丸系パーツですが、新しいテクニックが紹介されていたのでエントリー。

» Even More Rounded Corners With CSS - Schillmania.com

一つの透過処理されたPNG画像とCSSだけで下のようなパーツを作れてしまいます。

even_more_rounded.gif

PNG画像を縮小したりしているみたいですね。もちょっと複雑なデモページはこちら。スクリプトのダウンロードもできます。

» Even More Rounded Corners (Fluid, Alpha-transparent, Single Image Approach) Using CSS

透過処理もされていてなかなかきれいですが、一長一短があるアプローチなので用途に合わせてお使いください。

この記事のトラックバックURL (トラックバックは承認後に公開されます)

コメント一覧

コメント投稿 (コメントは承認後に公開されます)

名前
メールアドレス (表示されませんのでご安心を)
URL
情報保存?
コメント
※ Let's Add Value. Thank You.

クリエイティブ・コモンズ・ライセンス

ユーザビリティ向上支援ビービット
Usability tested by BeBit

Powered by
MovableType 3.31-ja

Icons powered by famfamfam.

人気ブログランキング - 100SHIKI
ワード