イージングは ease-out が基本

原則

要素の出現は ease-out（最初速く、後ゆっくり）。消失は ease-in。

Do（良い例）

transition: opacity .3s cubic-bezier(0.16, 1, 0.3, 1);

Don't（悪い例）

transition: opacity .3s linear;