SCALE — Build Lab

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

モーション

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

Do 良い例

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

Don't 悪い例

transition: opacity .3s linear;

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

:LiTarget: 原則

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

:LiCheckCircle: Do(良い例)

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

:LiXCircle: Don’t(悪い例)

transition: opacity .3s linear;