Easings
アニメーションカーブ用のイージングトークン
アニメーションのイージング関数を定義するトークン。
スケール
| Token | Value | Preview | Description |
|---|---|---|---|
easings.linear | linear | 一定速度のアニメーション | |
easings.easeIn | cubic-bezier(0.4, 0, 1, 1) | 加速するアニメーション | |
easings.easeOut | cubic-bezier(0, 0, 0.2, 1) | 減速するアニメーション | |
easings.easeInOut | cubic-bezier(0.4, 0, 0.2, 1) | 加速して減速するアニメーション | |
easings.emphasizedDecelerate | cubic-bezier(0.05, 0.7, 0.1, 1) | 強調された減速 | |
easings.emphasizedAccelerate | cubic-bezier(0.3, 0, 0.8, 0.15) | 強調された加速 |