【发布时间】:2014-08-27 19:51:15
【问题描述】:
我开发了一个网站,上面有一些元素可以转换:悬停时的 scale(1.1)。
问题是在应用变换时,子元素看起来模糊且扭曲,我希望它们在整个动画过程中看起来清晰清晰。
网站是this。
我所说的元素是页面中间“我们的饲养员家族”下的矩形元素。
【问题讨论】:
我开发了一个网站,上面有一些元素可以转换:悬停时的 scale(1.1)。
问题是在应用变换时,子元素看起来模糊且扭曲,我希望它们在整个动画过程中看起来清晰清晰。
网站是this。
我所说的元素是页面中间“我们的饲养员家族”下的矩形元素。
【问题讨论】:
所以,据我所知,这是不可能的,因为scale 是一个图形 CSS 属性,所以通过增加图像的大小,它会根据定义变得不那么清晰。我能想到的唯一技巧是使默认值更大,然后将transform: scale(.9091) 置于非:hover 状态,将transform: scale(1) 置于:hover 状态。
另一种选择是根本不使用scale(),而是通过更改框的大小和其中的字体大小来手动缩放。制作更难,客户更密集,但作为回报,您可以获得更多控制权。
【讨论】: