linear（リニア）（最初から最後まで一定の速度
ease（cssアニメーションのデフォルト値はこの子）（ゆっくり始まり、急に速度を上げて、ゆっくり終わる。
ease-in（ゆっくり始まり、徐々に加速
ease-out（速い速度で始まり、徐々に減速
ease-in-out（ゆっくり始まり、徐々に加速して、アニメーション終了手前で減速
easing（イージング）とは、アニメーションの変化のタイミングを指定する関数です。
デフォルトで用意されたlinear, ease, ease-in, ease-out, ease-in-outの5つの値を指定できる他、より詳細な変化タイミングをcubic-bezier()で指定できます。
5つのサンプルの動作をご紹介します。すべて左に2秒かけて180px移動
cubic-bezier()関数については下記サイトで指定,動作確認がおすすめ
https://cubic-bezier.com/
| - | Mac | Windows11 | SP | ||||||
|---|---|---|---|---|---|---|---|---|---|
| ブラウザ | Chrome | Firefox | Safari | Chrome | Firefox | Edge | IE | Safari on iOS | Chrome for Android |
| 対応 | ○ | ○ | ○ | ○ | ○ | ||||
メッセージ
トレセン学園