mania-ku

何か作りたいプログラマ未満。

【CSS3】animation

繰り返しもできるアニメーションの設定です。

animation-name キーフレームの名前
animation-duration アニメーションにかかる時間
animation-timing-function アニメーションの動き
animation-delay アニメーションを何秒後に開始するか
animation-interation-count 何回繰り返すか。ずっとはinfinite、何回かの場合は数字を入れる
animation-direction アニメーションを交互に反転させるさせるかどうか。させない場合はnormal、させる場合はalternate

参考:キーフレームでアニメーション|ドットインストール

Pocket
LINEで送る