鼠标移动到图片，图片放大

效果图如上

代码

    <div class="box">
        <img src="http://upcdn.mpres.51vv.com/v_block/36857a2a13bf587a08d8e72bfbb95442.jpg.cs200x200.jpg">
    </div>  

 

    .box{
        width: 200px;
        height: 200px;
        overflow: hidden;
    }
    .box img{
        transition: all 0.5s ease-out 0.1s;
    }
    .box:hover img{
        transform: scale(1.1)
          
    }