Question

我正在使用以下css过渡：

cubic-bezier(0.16, 1, 0.29, 0.99)

问题在于，在动画结束时，元素的速度非常慢，以至于人眼可以看到各个帧。

这是一个证明问题的jsfiddle： http://jsfiddle.net/vivmaha/xu7dzrbs/

上述问题是否有共同的解决方案？

例如，我可以指定三次贝塞尔曲线和最小速度吗？

Answer 1

我认为动画结尾处的明显慢度（即有时被称为 jank ）取决于您动画的CSS属性。

例如，如果left属性被设置为动画，则 jank -iness将非常明显，但如果它被 animates translateX on a transform property <替换为 CSS Triggers < / strong>然后我认为结果会更顺畅。

我相信 before 是一个很好的资源，因为它告诉你哪些属性会触发布局， paint 和最后组成。

除此之外，您可能需要向我们展示一个描述缓慢的演示。因此，我们可以更好地判断它是否与缓动曲线有关，或者它是否与您首先制作动画的属性有关。

以下是此解决方案的after和{{3}}。