HTML中鼠标移入图片放大怎么写,大神求助，鼠标移入，图片放大

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

无标题文档

#img{

-webkit-transition:all 1s;

-moz-transition:all 1s;

-ms-transition:all 1s;

-o-transition:all 1s;

transition:all 1s;

-webkit-transform-origin:center center;

-moz-transform-origin:center center;

-ms-transform-origin:center center;

-o-transform-origin:center center;

transform-origin:center center;

transition-property:all;

}

span{

display:block;

width:150px;

height:150px;

overflow:hidden;

}

var img = document.getElementById('img');

function bigger(){

img.style.transform = "scaleX(1.2) scaleY(1.2)";

}

function smaller(){

img.style.transform = "scaleX(1) scaleY(1)";

}

这个就是中间扩大的，图片地址换一下就可以