イージング · 速さの変わり方
イーズイン缓入
- 出足が遅い
- 加速して退場
- 断固
最初は遅く、進むほど速くなります。もう見る必要のない要素が加速して画面外へ去る動きに向きます。
使いどころ
要素が退出・消滅・削除されるときに使います。登場に使うと画面が鈍く感じられます。
パラメータ
cubic-bezier(0.55, 0, 1, 0.45) · 180ms
レシピ
イーズイン → 180ms cubic-bezier(0.55, 0, 1, 0.45)
AI に渡す一文
このトーストの退場イージングを cubic-bezier(0.55, 0, 1, 0.45)、180ms にし、8px 下へ移動しながらフェードアウトさせてください。