在Safari中应用classname时CSS动画不起作用

时间:2014-03-06 09:50:46

标签: css animation

如果您在Chrome中查看此codepen演示并向下滚动,则会在视图中看到一个饼图动画。然而在Safari版本7.0.2(9537.74.9)中却没有。任何想法为什么这在Safari中不起作用?

http://codepen.io/s10wen/pen/czDbu

1 个答案:

答案 0 :(得分:1)

这是由backface-visibility: hidden .pie-chart > :last-child em上的{{1}}触发的Safari呈现错误。这条线似乎没有必要,没有它就一切正常。

此示例没有错误:http://codepen.io/anon/pen/ktKmu

我发现了这一点,删除了一些CSS& JavaScript直到错误不再发生,揭示导致它的单行。减少ftw!