よく使うCSSアニメーションのショートハンド
よく使うCSSアニメーションのショートハンド。
いつも忘れるのでメモしときます。
See the Pen
Untitled by nerdspec (@nerdspec)
on CodePen.
.hoge{ animation : fade 3s ease 0s 5 forwards; }
fade → 定義名
3s → animation-duration：変化時間
ease → animation-timing-function：変化具合
0s → animation-delay：開始されるまでの時間
5 → animation-iteration-count：回数（ループの場合は「infinite」）
forwards → animation-fill-mode：アニメーション終了してからの値
