（I）アニメーションプロパティ
⑴ アニメーション名：キーフレームに結合するセレクタの名前を指定します。
⑵ アニメーション-DURATION：何秒かミリ秒定義されたアニメーションのサイクルを完了するのにかかります
⑶ アニメーション・タイミング機能：アニメーションを指定する方法は、サイクルを完了します。
⑷ アニメーションディレイ：属性は、時にアニメーションが開始さを定義します。
⑸ アニメーション-反復-COUNT ：アニメーションを再生する回数を定義します。
⑹ アニメーション方向：周期的に逆のアニメーションを再生し、交互かどうかを定義します。
アニメーションは、一度だけ再生するように設定されている場合は、プロパティが動作しません。
アニメーションのループは、状態の終わりから、各時間は戻って初期状態にジャンプして、再生を開始します。アニメーション方向プロパティは、この動作をオーバーライドすることができます。
⑺ アニメーションフィル-MODE：（アニメーションが完了している、またはアニメーションが再生を開始しない遅延がある場合）は、アニメーションの規定が再生されない場合は、スタイル要素に適用されます。
デフォルトでは、最初のキーフレームの前にCSSアニメーションは、要素に影響を与える最後のキーフレームが完了した後の要素の影響を停止しないうち再生します。アニメーション・フィル・モード属性は、その動作をオーバーライドすることができます。
forwadsはアニメーションが最後の1で立ち往生している状態、の終わりにとどまりましょう示しています。
⑻ アニメーションプレイステート：アニメーションが実行されている指定するか、または一時停止しました。
（ii）の遷移特性
⑴ トランジション・プロパティ：CSSプロパティ名属性は、トランジション効果を適用指定します。（CSSプロパティの変更を指定すると、トランジションエフェクトが開始されます）。
⑵ 遷移時間：（秒またはミリ秒）終了時間遷移は、所定の特性を取ります。
⑶ 遷移タイミング機能：トランジション効果属性は、速度プロファイルを指定します。
⑷ 遷移遅延：トランジションエフェクトを開始する際に、属性が指定されます。
（iii）の勾配特性
⑴ 反復線形勾配（）直線勾配を繰り返す機能
⑵ 形状パラメータは形状を規定します。これは、値の円または楕円ことができます。円は、円を表し、楕円は、楕円を表します。デフォルト値は楕円形です。
⑶ 線形勾配（）の線形勾配を作成するための関数「画像」。
语法：背景：リニア- 勾配（方向、色- ストップ1 、カラー- STOP2 、...）。
化合物（IV）プロパティの例
<！DOCTYPE HTML > < HTML のlang = "EN" > < ヘッド> < メタのcharset = "UTF-8" > < タイトル>复合属性</ タイトル> < スタイル> DIV { 背景画像：繰り返す直線勾配（赤、黄色10％、緑20％） 。 幅：200pxの。 高さ：200pxの。 境界半径：50％ 。 アニメーション：DHの6Sは無限線形。 遷移：幅6S線形、線形6S高さは } DH @keyframes { 変換{から：回転（値は0deg）を} に{ 変換：回転（360deg）} } DIV：ホバー{ 幅：600PX 。 高さ：600PX 。 } </ スタイル> </ ヘッド> < 身体> < DIV > </ DIV > </ ボディ> </ HTML >
（V）は、単一の属性の例
<！DOCTYPE HTML >
< HTML のlang = "EN" >
< ヘッド>
< メタのcharset = "UTF-8" >
< タイトル>单一属性</ タイトル>
< スタイル>
DIV {
ボーダー半径：50％ 。
背景画像：繰り返す直線勾配（赤、黄10％、緑20％） 。
幅：200pxの。
高さ：200pxの。
アニメーション名：DH ;
アニメーション-期間：6S ;
アニメーションのタイミング機能：リニア;
アニメーションの繰り返しカウント：無限。
遷移性：幅、高さ。
遷移期間：6S 。
遷移タイミング機能：線形。
}
DH @keyframes {
からの{変換：回転（値は0deg）}
に{ 変換：回転（360deg）}
}
DIV：ホバー{
幅：600PX 。
高さ：600PX 。
}
</ スタイル>
</ ヘッド>
< 身体>
< DIV > </ DIV >
</ ボディ>
</ HTML >
レンダリング：
