CSS 缩放背景图像的正确方法



当我放大高质量图像时,CSS scale(( 函数与带有背景图像的div 元素上的过渡和转换相结合变得模糊。

有什么更好的方法可以在CSS中放大高质量图像(请仅背景属性(而减少模糊?

我使用这个 CSS:

.grow { transition: all 4s ease-in-out; }
.grow:hover { transform: scale(2); }

您可以使用background-size: 100%来覆盖映像的整个容器。然后使用background-position平移和缩放到图像的特定部分

最新更新