Home > その他 > CSSと一枚の画像だけで透明感のある角丸パーツをつくる方法

CSSと一枚の画像だけで透明感のある角丸パーツをつくる方法

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

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

» 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

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

@taguchiをフォロー!
Twitterもやっています!

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.simplexsimple.com/archives/2007/02/css_1.html/trackback
Listed below are links to weblogs that reference
CSSと一枚の画像だけで透明感のある角丸パーツをつくる方法 from SIMPLE*SIMPLE ~ ウェブ職人のための小粋なネタ帳

Home > その他 > CSSと一枚の画像だけで透明感のある角丸パーツをつくる方法

過去記事
カテゴリー別

Return to page top