イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。
現実生活のオブジェクトは、即座に動いたり停止したりすることはなく、一定の速度で動くことはほとんどありません。引き出しを開けるとき、私たちは最初にそれをすばやく動かし、出てくるときはゆっくりと動かします。床に何かを落とすと、最初に下に向かって加速し、床に当たった後跳ね返ります。
このページは、適切なイージング関数の選択に役立ちます。
.block { transition: transform 0.6s ; }
@keyframes
を使用して実行できます。:.block { transition: transform 0.6s ; }
@keyframes
で実行できます。上記を参照してください。.block { background: linear-gradient( to bottom, #1473e6, , #247b5e ); }
function (x: number): number {
}
function (x: number): number {
}