如何实现像图中这种效果

当鼠标放到图片时,会生成一片区域,然后这片区域内的部分就放大,且这个区域可以随鼠标移动

img

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

html:

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://blog.csdn.net/github_37412255/article/details/76218852

css hover里直接写放大后的宽高就好了