【问题标题】:CSS animation scale() not smoothCSS动画比例()不平滑
【发布时间】:2019-01-26 22:41:41
【问题描述】:

我在 CSS 动画 scale() 中遇到了一个小故障。当我悬停图像时,我已经设置了 CSS 以将图像缩放 1.1 倍。这种情况是正确的,但一条恼人的线也会越过图像。这是由于 scale() 变换,因为如果我忽略它,线条就不会显示。这可能是因为我使图像大于其实际大小还是...?

它甚至显示在我创建的这个小提琴中:http://jsfiddle.net/gpafke6y/

transform: scale(1.1)

图片显示我的意思:

【问题讨论】:

  • 与transform和clip都有关系。如果您删除其中任何一个,它就会消失。似乎是 Chrome 中的一个错误
  • Chrome 中不再发生。但在 Firefox 上会出现线条。

标签: css css-animations


【解决方案1】:

使用过渡 0.5s 会更平滑。详情请见herehere

【讨论】:

  • 它对线条没有任何作用,它只是更快但仍然令人不安。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-09-26
  • 2018-03-11
  • 1970-01-01
  • 2013-08-01
  • 1970-01-01
  • 1970-01-01
  • 2020-07-23
相关资源
最近更新 更多