当我放大高质量图像时,CSS scale(( 函数与带有背景图像的div 元素上的过渡和转换相结合变得模糊。
有什么更好的方法可以在CSS中放大高质量图像(请仅背景属性(而减少模糊?
我使用这个 CSS:
.grow { transition: all 4s ease-in-out; }
.grow:hover { transform: scale(2); }
您可以使用background-size: 100%
来覆盖映像的整个容器。然后使用background-position
平移和缩放到图像的特定部分