鼠标放上去图片平滑变大效果

html:

<div class="box"><img src="images/p2.jpg" alt=""></div>

css:

img:hover{-moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
img{ -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s;}