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

アニメ

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

アニメ

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

アニメ

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

アニメ

animation-timing-function: steps;(指定した値で段階的に変化:10, start)

アニメ