transition-timing-function
transition-timing-function は要素の状態変化の進行具合を指定します。
- 値
- ease, linear, ease-in, ease-out, ease-in-out
- 初期値
- ease
- 対象
- すべての要素
- 継承
- しない
- CSS レベル
- CSS 3～
値の詳細
- ease
- 最初にやや緩やかに動作した後加速し最後を緩やかに変化
- linear
- 直線的に変化
- ease-in
- 徐々に加速
- ease-out
- 徐々に減速
- ease-in-out
- 最初と最後を緩やかに変化
プレビュー
テキスト上にマウスカーソルを乗せると背景色が変化します。