CSS3でドロップシャドウを効果的につける方法 | アルペジオのように

画像の下部に影をつけて紙がめくれているような効果をつけることがありますが、これをCSS3で実現する方法が紹介されていたので試してみました。 ソースコードはこんな感じです。 #dropshadow_container { position: relative; z-index: 0; } .dropshadow { position: relative; width: 450px; height: 200px; margin: 20px auto; padding: 1.5em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #ccc; text-shadow: 0 1px 0 #fff; text-align: center; line-height: 1.5; }