在Safari中加载CSS clip-path失败

Question

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

这在Chrome (43.0.2357.124 (64位) )中可以正常工作。

然而，在Safari (8.0.4 + iOS)中，什么也没有显示出来。打开检查器后，我可以取消选中clip-path属性，然后重新选中它-路径如预期的那样可见。

你知道我能做些什么来确保Safari第一次呈现这些路径吗？

谢谢。

Answer 1

我相信只有Chrome支持动画剪辑路径。

我也在寻找这个问题的解决方案，但我能做的最接近的是，目前只有Chrome可以对SVGElement的点进行动画处理。

这里有几个地方可以寻找解决方案。

https://developer.mozilla.org/en-US/docs/Web/CSS/transition-property http://www.w3.org/TR/SVG11/shapes.html#PolygonElement