当鼠标放到图片时,会生成一片区域,然后这片区域内的部分就放大,且这个区域可以随鼠标移动
想实现当鼠标经过时图片放大:
html:
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://blog.csdn.net/github_37412255/article/details/76218852
css hover里直接写放大后的宽高就好了