如何实现像图中这种效果

Question

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

Answer 1

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

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)数字来达到效果