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

1.效果图：

2.代码如下

    <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 .5s ease-out .1s;
    }
    .box:hover img{
        transform: scale(1.1)
            /* transform: matrix(1.08, 0, 0, 1.08, 0, 0);  */
        /* -webkit-backface-visibility: hidden;
        backface-visibility: hidden;  */
    }