如何平滑三次贝塞尔曲线过渡
How to smoothen a cubic bezier transition
我正在使用以下 css 转换：
cubic-bezier(0.16, 1, 0.29, 0.99)
问题是在动画结束时，元素的速度太慢以至于人眼可以看到单独的帧。
这是一个演示问题的 jsfiddle：
http://jsfiddle.net/vivmaha/xu7dzrbs/
以上问题有通用的解决方法吗？
例如，我可以同时指定三次贝塞尔曲线和最小速度吗？
我认为动画结束时的明显缓慢（即有时称为 jank）取决于 CSS 属性你正在制作动画。
例如，如果 left 属性被动画化，那么 jank-iness 将非常明显，但如果它被替换为 animates translateX on a transform property那我觉得结果会顺利很多
我相信 CSS Triggers 是一个很好的资源，因为它告诉你哪些属性触发 layout，paint 最后是 composition.
除此之外，您可能需要向我们展示一个描述缓慢的演示。这样我们就可以更好地判断它是否与缓动曲线有关，或者它是否与您首先设置动画的 属性 有问题。
我正在使用以下 css 转换：
cubic-bezier(0.16, 1, 0.29, 0.99)
问题是在动画结束时，元素的速度太慢以至于人眼可以看到单独的帧。
这是一个演示问题的 jsfiddle： http://jsfiddle.net/vivmaha/xu7dzrbs/
以上问题有通用的解决方法吗？
例如，我可以同时指定三次贝塞尔曲线和最小速度吗？
我认为动画结束时的明显缓慢（即有时称为 jank）取决于 CSS 属性你正在制作动画。
例如，如果 left 属性被动画化，那么 jank-iness 将非常明显，但如果它被替换为 animates translateX on a transform property那我觉得结果会顺利很多
我相信 CSS Triggers 是一个很好的资源，因为它告诉你哪些属性触发 layout，paint 最后是 composition.
除此之外，您可能需要向我们展示一个描述缓慢的演示。这样我们就可以更好地判断它是否与缓动曲线有关，或者它是否与您首先设置动画的 属性 有问题。