Safari 中的动画剪辑路径不起作用
Animating clip-path in safari not working
我正在制作 clip-path 属性 的简单 css 动画，使用基本的 inset 形状来创建扫描效果。这适用于 Chrome 和 Firefox，但不适用于 Safari。
如果我调整 Safari window 的大小，或执行其他强制重绘的操作，它会呈现动画的当前状态。所以这似乎是动画没有正确重绘的问题。
我相信你需要在 clip-path 前面加上我的 -webkit-，我已经这样做了。
我使用的是最新版本的 Safari：12.1.1
这是一个 fiddle 说明问题的例子：
https://jsfiddle.net/vwth9mjr/
我希望动画能像在 Chrome 和 Firefox 中那样工作。
Safari 不显示任何错误消息。
更新 .pane css 从固定到绝对似乎有效：
我正在制作 clip-path 属性 的简单 css 动画，使用基本的 inset 形状来创建扫描效果。这适用于 Chrome 和 Firefox，但不适用于 Safari。
如果我调整 Safari window 的大小，或执行其他强制重绘的操作，它会呈现动画的当前状态。所以这似乎是动画没有正确重绘的问题。
我相信你需要在 clip-path 前面加上我的 -webkit-，我已经这样做了。
我使用的是最新版本的 Safari：12.1.1
这是一个 fiddle 说明问题的例子： https://jsfiddle.net/vwth9mjr/
我希望动画能像在 Chrome 和 Firefox 中那样工作。
Safari 不显示任何错误消息。
更新 .pane css 从固定到绝对似乎有效：