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

时间:2018-10-09 21:16:04

标签: html css image-zoom

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

在CSS中(请仅提供背景属性)以更少的模糊放大高质量图像的更好方法是什么?

我使用以下CSS:

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

1 个答案:

答案 0 :(得分:2)

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