这个比较简单,
在网站中上传一个图片,
想实现当鼠标经过时图片放大:
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)数字来达到效果