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

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

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

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

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