CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例色々:phpspot開発日誌

CSS drop-shadows without images ? Nicolas Gallagher CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例が色々公開されています。 一昔前なら、どう考えても画像を使っていると思ってしまうこうしたグラフィックもCSSで実現できてしまいます。 パターンも多くて実用的です。ヘッダ、メニュー等、ありとあらゆる部分に応用できそう。 画像編集ツールは一切不要です。 例えば、1個の要素を見てみましょう。 HTML では <div> にclassをふって中身は<p>のみだけというのに、これだけのデザインが実現します。 当然、要素を回転させることも出来ますが綺麗に描画できています。 なんとも夢のような話ですが、CSS3対応の Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+ という大体の

[typista]

ぽけったー CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例色々

[jun9pleasanton]

css

[kams3261]

色々なドロップシャドウ効果を描画するサンプル

[hidehish]

見てる:

[ngsk]

リアル

[kentabookmark]

数年前じゃ考えられない機能

[littlefield]

なるほど、いい発想の種

[kkeisuke]

CSS3

[min37]

すごい