<style type="text/css">
    .box{
        width:50%;
        max-height: 500px;
        overflow: hidden;    
    }
    .box img{
        height: 500px;
        transition: all 1s ease 0s;
        -ms-transition: all 1s ease 0s; /* IE 9 */
        -o-transition: all 1s ease 0s; /* Opera */
        -moz-transition: all 1s ease 0s; /* Firefox */
        -webkit-transition: all 1s ease 0s; /* Safari 和 Chrome */
    }
    .box:hover img{
        transform: scale(2,2);
        -ms-transform:all 1s scale(2,2);    /* IE 9 */
        -webkit-transform: scale(2,2);    /* Safari 和 Chrome */
        -o-transform: scale(2,2);    /* Opera */
        -moz-transform: scale(2,2);    /* Firefox */
    }
</style>
<div class="box">
    <img src="2.jpg" alt="" />
</div>

 

版权声明：本文为fkcqwq原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/fkcqwq/p/6237666.html