CSS 3学習ノート(十五)——アニメーション属性

2321 ワード

div{ 
 animation: name duration timing-function delay iteration-count direction fill-mode;
}
Animation
注意:アニメーション-fill-modeプロパティは、アニメーションの開始前と終了後に発生するアクションを定義します.
属性値
効果
none
既定値は、アニメーションが予想通りに終了することを示します.アニメーションが最後のフレームを終了すると、アニメーションは初期フレームに反転します.
forwards
アニメーションが終了した後も最後のキーフレームを適用し続ける位置を示します.
backwards
エレメントにアニメーションスタイルを適用するときにアニメーションの初期フレームがすばやく適用されます
both
要素アニメーションはforwardsとbackwardsの両方の効果を有します
ノートの整理は以下のとおりです.https://www.imooc.com/learn/33