#はじめに
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は忘れやすいプロパティなので、復習としてまとめました。
明日も頑張ります。