【问题标题】:Animating clip-path in safari not workingSafari 中的动画剪辑路径不起作用
【发布时间】:2019-11-28 06:38:43
【问题描述】:

我正在制作clip-path 属性的简单css 动画,使用基本的inset 形状来创建扫掠效果。这适用于 Chrome 和 Firefox,但不适用于 Safari。

如果我调整 Safari 窗口的大小,或者执行其他强制重绘的操作,它会渲染动画的当前状态。所以这似乎是动画没有正确重绘的问题。

我相信您需要在剪辑路径前加上我的-webkit-,我已经这样做了。

我使用的是最新版本的 Safari:12.1.1

这是一个说明问题的小提琴: https://jsfiddle.net/vwth9mjr/

我希望动画能够像在 Chrome 和 Firefox 中一样工作。

Safari 没有显示错误消息。

【问题讨论】:

    标签: css safari css-animations clip-path


    【解决方案1】:

    .pane css 从固定更新为绝对似乎有效:

    https://jsfiddle.net/d32bm6jo/5/

    【讨论】:

      猜你喜欢
      • 2020-02-29
      • 2015-09-21
      • 1970-01-01
      • 2019-09-03
      • 2020-10-05
      • 1970-01-01
      • 2017-07-09
      • 2018-07-05
      • 2012-12-31
      相关资源
      最近更新 更多