Bezier曲線


transition-timing-function

transition-timing-function propertyを使用してタイミング関数を作成し、時間に応じてアニメーション効果を割り当てる方法を設定します.アニメーションの効果は初期にゆっくりと現れて、それから急速に現れて、もちろん反対することもできます.transition-timing-functionの単位値は、Bezier曲線(Bezier曲線)またはステップ(step)であってもよい.

Bezier曲線上の点

transition: width 3s cubic-bezier(0, 0, .5, 2), height 3s cubic-bezier(0, 0, .5, 2);
cubic-bezier(0, 0, .5, 2)//x2,y2 x3,y3
既定では、0、0、1の端点は固定されています(0番目の4点).
私が設定できるのは2番目の3点です.
0秒の場合、サイズは0、0.5秒の場合、サイズは2であり、これは一般サイズが420 pxに設定されている範囲から逸脱する.