我正在使用以下CSS转换:
cubic-bezier(0.16, 1, 0.29, 0.99)
问题在于,在动画结束时,元素的速度太慢,以至于人眼只能看到各个帧。
这是一个演示问题的jsfiddle:http : //jsfiddle.net/vivmaha/xu7dzrbs/
上述问题有共同的解决方法吗?
例如,可以同时指定立方贝塞尔曲线和最小速度吗?
我认为动画结束时明显的缓慢(即有时称为jank)取决于要设置动画的CSS属性。
例如,如果将left属性设置为动画,则“ jank -iness”将非常明显,但是如果将其替换为对属性设置动画translateXtransform的东西,则我认为结果会更加平滑。
left
translateX
transform
我相信CSS触发器是关于此的好资源,因为它可以告诉您哪些属性触发布局,绘画和最后的构图。
除此之外,您可能需要向我们展示一个演示速度缓慢的演示。这样我们就可以更好地判断这是否与缓和曲线有关,或者与您首先要设置动画的属性有关。
这是一个之前和之后,该解决方案的。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
点击生成二维码
我来说两句