前の記事 «：選択したテキストのスタイル（CSS）状態を簡単に知ることができるFirefox拡張「Font Finder」
次の記事 »：JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」

CSSを使った透明角丸ブロック表現「Even More Rounded Corners」

2007年02月21日

スポンサード リンク
Even More Rounded Corners (Fluid, Alpha-transparent, Single Image Approach) Using CSS
There's an increasing desire (at time of writing, February 2007) to provide rounded corner dialogs with various visual effects.

CSSを使った透明角丸ブロック表現「Even More Rounded Corners」
次のような角丸かつ、光彩かつ、半透明なブロックを作成しているサンプル。

ＪａｖａＳｃｒｉｐｔは使っておらず、また、1個のＰＮＧ画像で表現しているそうです。



なかなか美しい表現なので、ページデザインのどこかに使えるかも。
尚、IE6では動かないようなので、注意。

関連エントリ

スポンサード リンク

投稿者 KJ : 2007年02月21日 10:02 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。