box-shadowを使って実用的で素敵なUIエレメントを実装するCSSのスニペットのまとめ

CSS3初心者でも簡単に利用でき、上級者でも実装のヒントになる、ページでよく使うパネルやボックス、ボタン、バーなどをbox-shadowを使って実装するスタイルシートのスニペットを紹介します。 10 Creative Techniques Using CSS3 Box Shadow 10個のスニペットは、Apple, Pinterest, Facebookなどで使用されているエレメントのHTML/CSSを簡略化したものです。 1. スクロールしてもバーを常に最上部に表示 2. サブナビゲーションのドロップダウン 3. シャドウを使った光沢が美しいボタン 4. 吹き出しスタイルの通知パネル 5. Appleのページラッパー 6. Appleのコンテンツボックス 7. Appleのフィーチャーリンク 8. 画像にさりげなくシャドウを添える 9. フォームの入力を目立たせる 10. エラステック

[nasu_t]

css box-shadow popup

[kawagene]

box-shadowを使って実用的で素敵なUIエレメントを実装するCSSのスニペットのまとめ

[mamehei]

スクロールしてもバーを常に最上部に表示

[SpeedcoreTokyo]

css便利集

[adsty]

CSS3の「box-shadow」を駆使した実装テクニックを紹介。

[wate_wate]

こっちの方がわかりやすくていいな

[momochin44]

Tags: #forms #css3 #form #ui

[typista]

ぽけったー box-shadowを使って実用的で素敵なUIエレメントを実装するCSSのスニペットのまとめ

[tkabee]

box-shadowを使って実用的で素敵なUIエレメントを実装するCSSのスニペットのまとめ | コリス

[warriorking]

box-shadowを使って実用的で素敵なUIエレメントを実装するCSSのスニペットのまとめ | コリス

[kappaseijin]

JavaScriptの要らないCSSの技をもっと覚えたいなあ。

[bitgleams]

元記事: http://www.hongkiat.com/blog/css3-box-shadows-effects/

[htn_50koma]

starred items / from はてなブックマーク - 人気エントリー http://b.hatena.ne.jp/hotentry

[OfficeRiverHead]

CSS3初心者でも簡単に利用でき、上級者でも実装のヒントになる、ページでよく使うパネルやボックス、ボタン、バーなどをbox-shadowを使って実装するスタイルシートのスニペットを紹介します。 10 Creative Techniques Using CSS3 Box

[K-Ono]

元エントリで「Creative Techniques」ゆーてるのになぜわざわざスニペットとか書くんですかね（小並感）

[Donca]

✔ box-shadowを使って実用的で素敵なUIエレメントを実装するCSSのスニペットのまとめ

[fushimik]

スニペット

[kussun]

「画像にさりげなくシャドウを添える」は常用したい。