Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8691

transitionの復習(100 days of code)

$
0
0

はじめに

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


Viewing all articles
Browse latest Browse all 8691

Latest Images

Trending Articles

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>