transition-timing-function: ease;(開始時と終了時は緩やかに変化:初期値)

アニメ

transition-timing-function: linear;(開始から終了まで一定に変化)

アニメ

transition-timing-function: ease-in;(開始時は緩やかに、終了時は早く変化)

アニメ

transition-timing-function: ease-out:(開始時は早く、終了時は緩やかに変化)

アニメ