同じ1秒でも、半分の位置は違う?

時間の半分で、移動も半分になるとは限りません。linearとease-outを、同じ距離・1000msで比べます。自動再生はしません。

待機中
linear
50.0%
ease-out · cubic-bezier(0,0,.58,1)
計算中
1000msに対する指定時刻の移動率(この作例の数値計算)
経過時間linearease-out

移動距離は各枠の幅−36px。数値は位置の割合で、実機のフレームレートや性能の測定値ではありません。

コード・図形はみっけメディア制作・CC0。このHTMLを保存