CSSでシャドウ効果を実現
565 ワード
<style type="text/css">
.shadow{
width:120px;
height:120px;
border:1px solid #ccc;
background:#fff;
font-size:12px;
padding:10px;
-moz-box-shadow:3px 3px 4px #ccc;
-webkit-box-shadow:3px 3px 4px #ccc;
box-shadow:3px 3px 4px #ccc;
*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#cccccc");
}
</style>
<div class="shadow">
</div>