效果如下:
滑过前:
滑过效果:
实现代码:
img:hover{
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-webkit-transition-property:all;
-moz-transition-property:all;
-webkit-transform:scale(3);
-moz-transform:scale(3);
transform:scale(3);
box-shadow:0 0 5px;
}
img{
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;z-index:2
}