[CSS]すぐに利用できる、美しいボックスシャドウと角丸のスタイルシートのまとめ

一昔前はPhotoshopを使用しないと作成できなかったデザインをCSS3で実装するシリーズのナビゲーション編から、すぐに利用できるボックスシャドウと角丸のスタイルシートを紹介します。 CSS3 vs. Photoshop: Rounded Corners and Box Shadows [ad#ad-2] 下記は、その中からボックスシャドウと角丸に関するスタイルシートをピックアップしたものです。 ボックスシャドウ -box-shadow 角丸 -border-radius 対応ブラウザ ボックスシャドウ -box-shadow HTMLはsection要素を使用していますが、これはdiv要素などでもそのまま利用できます。

[beth321]

　コリス

[vitaminsii]

参考になります。

[hattoushinha]

ブクマしたはずなんだが……？

[mathemathiko]

角丸の書き方にはお世話になりました(_ _)

[kiyokichi]

box-shadowサンプル（Fxは-moz-box-shadow、Safari/Chromeは-webkit-box-hadow）

[stealthinu]

CSSだけ出来るボックスシャドウと角丸まとめ。HTML5じゃないやつ。

[kpac09]

RT: [CSS]すぐに利用できる、美しいボックスシャドウと角丸のスタイルシートのまとめ | コリス –

[kkeisuke]

-box-shadow　-border-radius

[adsty]

CSS3でいろんなタイプのボックスシャドウと角丸を実装。

[www-tmcc]

Reader

[tk10]

CSS参考

[tsuki-rs]

うむ。プログレッシブエンハンスメントな考えで、IEには対応せずいこう！ｗｗｗ

[c430c]

ほう

[enmango]

IEよ。。

[saka39]

ボックスシャドウと角丸。φ(..)

[amacoco]

すぐに利用できる、美しいボックスシャドウと角丸のスタイルシートのまとめ

[nors]

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/css3-vs-photoshop-rounded-corners-and-box-shadows/

[webmanmain3834]

角丸とBOXシャドウのまとめに、応用のメニューUIまで。いつもながら分かり易い。　RT @colisscom ...

[Donca]

✔ [CSS]すぐに利用できる、美しいボックスシャドウと角丸のスタイルシートのまとめ