イージング | animation-timing-functionの種類

■ease

アニメーションの中央に向けて変化量が増加し、最後に向けて減少します。

■linear

等しい速度でアニメーションする。

■ease-in

プロパティのアニメーションの変化の速度はゆっくり始まり、終了まで加速。

■ease-out

アニメーションは速く始まり、速度を落としながら続きます。

自作したい場合

■cubic-bezier

下記のサイトで任意のイージングを作成し、使用する。