CSSアニメーション(transition)覚書

まとめて書くやり方

transition:(プロパティ1) (変化時間) (変化態様) (開始遅滞時間),(プロパティ2) (変化時間) (変化態様) (開始遅滞時間)…;

プロパティ~max-heightなど。はじめをallで全指定して2番目から例外的な変化をするプロパティを指定すると効率的
変化時間~開始から終了までの時間。単位は秒(s)
変化態様~最初ゆっくり(ease-in)最後ゆっくり(ease-out)両方ゆっくり(ease-in-out)指定なし(linear)
開始遅滞時間~開始を遅らせる。単位は秒

タイトルとURLをコピーしました