CSS3 过渡动画

实现如下效果：当鼠标移动到图片上是图片有类似于放大镜放大的效果

transition ： CSS属性  时间 
当transition中监测的css属性发生变化时，会触发动画

.img_box img{
cursor: pointer;
transition: all .3s;
-webkit-transition: all .3s;
}

.img_box img:hover{
    transform: scale(1.1);
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari and Chrome */
}

常见二维变化除了放大 scale( ) 还有旋转 rotate(30deg)

转载于:https://www.cnblogs.com/xiaoliwang/p/9232032.html