mania-ku

何か作りたいプログラマ未満。

【CSS3】transition

かんたんなCSS3のアニメーションを付ける設定です。
アニメーションをCSSで書けると楽でいいですね!

transition-property アニメーションするプロパティ。全てはall、個別指定の場合はwidth,heightのように書く
transition-duration アニメーションにかかる時間
transition-timing-function アニメーションの動き。linear(一定の速度で),ease(開始と終了を滑らかに),ease-in(開始がゆっくり),ease-out(終了がゆっくり),ease-in-out(開始と終了がゆっくり)
transition-delay アニメーションを何秒後に開始するか

参考:簡単なアニメーションをつけてみよう|ドットインストール

Pocket
LINEで送る