html5 -在safari上悬停在圆形图像上
html5 -在safari上悬停在圆形图像上
提问于 2018-07-16 02:24:46
我的网站上有个问题。我有一个视频https://drive.google.com/file/d/1MWCynYB64jxXPYpYaa3LkplrwWGf1Xko/view
它只在狩猎时发生。
HTML
<div class="item">
<div class="img-wrapper">
<img class='img'>
</div>
</div>CSS
.img-wrapper {
width: 220px;
height: 220px;
border: solid 8px #ffffff;
border-radius: 110px;
overflow: hidden;
}
.img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.2s;
transition: 0.2s;
border-radius: 110px;
}
.item:hover .img-wrapper img {
transform: scale(1.1);
}它在其他浏览器上都能正常工作(图像放大，同时保持在边框内)。
回答 1
Stack Overflow用户
发布于 2018-07-16 02:41:48
这似乎是一个过渡的问题。
.item:hover .img-wrapper img {
transform: scale(1.1);
transition: 0;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51351006
复制相关文章
相似问题