css - Safari剪辑路径在Safari

时间：2015-06-22 14:17:24

标签： css safari mobile-safari transitions clip-path

我一直在使用CSS clip-path属性，并使这支笔为徽标设置动画：http://codepen.io/alexcoady/pen/PqJavW。代码绘制了许多div，并根据我生成的某些三角形动态地将clip-path s应用于它们。

这在Chrome中可以正常工作（43.0.2357.124（64位））。

然而，在Safari（8.0.4 + iOS）中，根本没有显示任何内容。打开检查器后，我可以取消选中clip-path属性，然后重新检查它 - 路径可以按预期显示。

我可以做些什么来确保Safari第一次呈现这些路径？

感谢。

答案 0 :(得分：0)

我认为只有Chrome支持动画剪辑路径。

我还搜索了这个问题的解决方案，但我能找到最接近的解决方案，目前只有Chrome可以设置SVGElement点的动画。

以下是寻找解决方案的几个地方。