css实现鼠标移动到div块时自动加阴影效果
<style>
.shadow{
float:left;
margin-left:20px;
background: #EEFF99;
transition-duration: 0.5s; //停留时间显示
width:200px;
height:400px;
}
.shadow:hover{
-webkit-box-shadow: #ccc 0px 10px 10px;
-moz-box-shadow: #ccc 0px 10px 10px;
box-shadow: #ccc 0px 10px 10px; }
</style>
</head>
<body>
<div class="shadow"></div>
<div class="shadow"></div>
<div class="shadow"></div>
</body>