Here是一个简单的bl.ock,展示了这个问题。
在此动画中,线条的过渡与圆圈过渡的持续时间相同。尽管它们的持续时间相等,但在20秒动画过程中,线条的尖端看起来比圆圈移动得快。
屏幕截图分别显示了开始(左)和过渡结束(右)的效果。
为什么这两个转换不同步?
答案 0 :(得分:3)
这个问题似乎不是由于转换不同步,而是由路径上点的位置计算引起的。特别是,它出现在this reduced example中,没有并发转换,并且最初在the transition is reversed时也可见。
此效果显示在FF 42和Chrome 46中,但不显示在IE 11中。