CSS3のbox-shadowを使ってデザイン性の高いシャドウをつくる場合の注意点 | Cappee Design@cappeeです。 よく見かける紙が浮いたようなシャドウをデザインして、それをコーディングする場合、今までは画像置換でシャドウ用のdivをひとつ増やしていましたが、CSS3の box-shadow を使えば画像なしで実現できます。 デモ：Creating Different CSS3 Box Shadows Effects 詳しいコードサンプルはこちらをご覧ください。 [CSS]box-shadowを使って、紙がふわりと浮かんだようなエフェクトをつけるスタイルシートのまとめ box-shadowを使う場合の注意点 上記を参考にCSS3のbox-shadowを使用してシャドウをつけようと思ったのですが、コードを見てみるとサンプルに z-index と position: absolute が指定されているものがあります。 z-index: -1; position: absolute;
