鼠标悬停,图片放大 CSS实现
因为最近做的项目刚好用到了这个实现,分享出来
class=enlarge 为div标签的class div img 为标签
.enlarge div img:hover{
transform: scale(3.2);
-webkit-transform: scale(3.0); /*Safari 和 Chrome*/
-moz-transform: scale(3.0); /*Firefox*/
-ms-transform: scale(3.0); /*IE9*/
-o-transform: scale(3.0); /*Opera*/
z-index:1;
border:2px solid black; (加黑色边框)
position: absolute;(谷歌浏览器只有加上这个,z-index才有效)
}