css3 鼠标经过放大,某一个元素放大

层中某个元素先定义好动画相关参数

然后在 层 hover触发的时候。图片的动画进行播放。

鼠标经过 上移动

    div{
width: 160px;
height: 200px;
background: #fff;
margin:100px auto;
transition:all 0.1s linear 0s;
}
div:hover{
box-shadow:0 10px 20px rgba(0,0,0,0.1);
transform: translate(0,-5px);
}