转换比例效果

Question

我开发了一个网站，并且在其上有一些已经转换的元素：悬停时缩放（1.1）。

问题是，当应用转换时，孩子的元素看起来有雾和翘曲，我希望他们看起来清晰和清晰的整个动画。网址是this。

我正在谈论的元素是页面中间的矩形形状，在“我们的育种家族”下面。

Answer 1

所以，据我所知，这是不可能的，因为scale是一个图形化的CSS属性，所以通过增加图像的大小，定义会变得不太清晰。我能想到的唯一技巧是使默认值更大，然后transform: scale(.9091)处于非:hover状态，transform: scale(1)处于:hover状态。

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