图片震动效果的制作

HTML代码：

<div class="box">
    <img src="../imges/movie_pic03.png" alt=""/>
</div>

CSS代码：

.box{
    width: 160px;
    height: 149px;
    background: url("../imges/movie_pic03.png");
}


.box>img:hover{
    opacity: 0;
    width: 160px;
    height: 149px;
    transform: scale(1.3,1.3);
    transition: all linear 1s;
}
鼠标悬浮的时候，图片在倍数放大的同时，变为全透明。