トランディションについて(変化速度)

■transition(CSS3変化のタイミング・進行割合)について■
transition-timing-functionプロパティは、変化のタイミング・進行割合を指定する際に使用します。
transition=アニメーションともいう。

 

transition: all 1s ease-in 0;

左から 適応するプロパティ
変化にかかる時間
変化の仕方(
linear:一定/
ease:開始と完了が滑らか/ease-in:ゆっくり始まる/
ease-out:ゆっくり終わる/
ease-in-out:ゆっくり始まりゆっくり終わる。

※ease-inが一番遅い。