其他分享
首页 > 其他分享> > css: 悬停放大

css: 悬停放大

作者:互联网

html:

<div class="imgBox">
    <img src="http://www.jq22.com/img/cs/500x500-1.png" alt="">
</div>

css:

.imgBox {
    width:200px;
    height:200px;
    overflow:hidden;
}
.imgBox img {
    width:200px;
    height:200px;
    transition:all .4s;
    -moz-transition:all .4s;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
}
.imgBox img:hover {
    transform:scale(1.2);
}

 

标签:img,imgBox,transition,4s,height,悬停,放大,css,200px
来源: https://www.cnblogs.com/Nyan-Workflow-FC/p/13098769.html