鼠标滑过图片图片放大显示

效果如下:

滑过前:


滑过效果:


实现代码:

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
}

猜你喜欢

转载自blog.csdn.net/qq_36497454/article/details/80496153