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