演示
鼠标悬停放大图片很容易。
图片圆角也很容易。
但是,将它们组合起来,在过渡期间,圆角会消失。
过渡后,圆角又回来了。
问题:如何在过渡期间保留圆角?
.img-wrapper {
border-radius: 10px;
}
.img-wrapper img {
transition: transform .5s ease;
transform:scale(1);
}
.img-wrapper img:hover {
transform:scale(1.5);
}
mask-image
。 Pepo_rasta的答案已经测试过了,而且更简单。 - Ksthawma