实现如下效果:当鼠标移动到图片上是图片有类似于放大镜放大的效果
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)