【问题标题】:Transform scale effects变换比例效果
【发布时间】:2014-08-27 19:51:15
【问题描述】:

我开发了一个网站,上面有一些元素可以转换:悬停时的 scale(1.1)。

问题是在应用变换时,子元素看起来模糊且扭曲,我希望它们在整个动画过程中看起来清晰清晰。

网站是this

我所说的元素是页面中间“我们的饲养员家族”下的矩形元素。

【问题讨论】:

    标签: html css


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2015-09-28
      • 2016-08-03
      • 2016-08-23
      • 2017-12-03
      • 2021-04-21
      • 2020-03-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多