イージング
Easing
別名: 加速・減速関数
ライブデモ
説明
一言で説明
アニメーションの進行速度を時間とともに変化させる計算式。一定速度ではなく、加速や減速を加えることで自然な動きを作る。
いつ使う？
すべての画面アニメーション。特にドロワーの開閉、ボタンのホバー反応、ページ遷移など。
💡 日常の言い方
「動きの「緩急」。最初ゆっくりで最後シュッと止まる、みたいなやつ」
似ている用語との違い
イージング vs トランジション
トランジションは『変化すること』。イージングはその変化の『スピードの変化具合』を決めるもの。
AIへの指示例
サイドバーの出現アニメーションに『ease-out』を適用して。最後に向かってゆっくり減速するようにして、自然に止まった感じを出して。