html+css鼠标经过网页图片放大效果

这个比较简单，

在网站中上传一个图片，

想实现当鼠标经过时图片放大：

html:

<div class="img_fd"><img src="tp.jpg"/>div>

css:

div.img_fd img:hover{

　　-webkit-transform:scale(2,2);

　　-moz-transform:scale(2,2);

　　-transform:scale(2,2);

　　z-index:9999;

　　/*position:absolute;*/

}

注意一下：

scale(2,2)为缩放转换

可以修改scale(1.5,1.5)数字来达到效果

 

转载于:https://www.cnblogs.com/chervehong/p/10286961.html