hover事件放大效果

最新推荐文章于 2025-04-15 10:23:05 发布

qq_37902065

最新推荐文章于 2025-04-15 10:23:05 发布

阅读量1k

点赞数

本文链接：https://blog.youkuaiyun.com/qq_37902065/article/details/83536206

版权

.wrapper{
overflow: hidden;
display:block;
position: relative;
padding-top:67%;
height:0;
}
.wrapper span{
display:block;
width:100%;
height: 100%;
position:absolute;
left:0;
top:0;
background:no-repeat center center/cover;
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}
.wrapper:hover span{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}