Html
    Css
    Js

    
                        
body {
	background-color:#f7f7f7;
}
.container {
	width:234px;
	height:300px;
	margin:200px auto
	box-shadow:0 0 1px #ccc;
	background-color:skyblue;
	transition:all 1s;
}
.container:hover {
	box-shadow:30px 30px 30px #ccc;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

模仿小米 图片hover的阴影效果

0