transitionの復習

はじめに

cssのtransitionについて勉強したので復習としてまとめました。
Web制作やる人は押さえておきたいプロパティです。

transitionの例

transitionの使い方は以下のようになります。（一例）

// transitionは1行でまとめると、
transition: all 1s ease 2s;

// transitionを構成する詳細プロパティ
transition-property: all; // 変化対象のCSS
transition-duration: 1s; // 変化の開始から終了までの時間
transition-timing-function: ease; // 変化の仕方
transition-delay: 2s; // 変化がいつ始まるか(遅延)

まとめ

transitionは忘れやすいプロパティなので、復習としてまとめました。
明日も頑張ります。