变换比例效果

Question

我已经开发了一个网站，在其上我有一些变换的元素：scale（1.1）悬停。

问题在于，在应用变换时，子元素看起来有雾并且变形，我希望它们在动画中一直保持清晰和清晰。

该网站为this。

我所谈论的元素是页面中间的矩形形状，在“我们的饲养家庭”下。

Answer 1

因此，据我所知，这是不可能的，因为scale是一个图形的CSS属性，因此通过增加图像的大小，它将不那么清晰。我能想到的唯一技巧就是让默认设置更大，然后让transform: scale(.9091)成为非:hover状态，而transform: scale(1)设置为:hover scale()状态。

另一种选择是根本不使用{{1}}，而是通过更改框的大小及其中的字体大小来手动缩放。制造难度更大，客户密集程度更高，但您可以获得更多控制权。