アニメーションサンIIの従来のサンプリングCSS3スタイル

2のサンCSS3スタイル

   資格のアニメーション、再生する方法を、ショーよりもあるでしょう。

 アニメーション

1、アニメーション名

  セレクタアニメーション名にバインドするかを指定  

  アニメーション、アニメーションという名前のボールを作成します。

              @keyframesボール{内容}

  コール:

    アニメーション名:ボール。

2、アニメーション期間

  何秒かミリ秒カスタムアニメーションがサイクルを完了する必要があります

  アニメーションの継続時間:2秒。

3、アニメーションタイミング機能

  サイクルを完了するためにどのように時間にアニメーションを指定します

線形 アニメーションの速度は最初から最後まで同じです
デフォルトでは、アニメーションは、スピードアップ、その後、低速で始めるの終了前に遅く
使いやすさで 低速でアニメーション開始
簡単にアウト ローエンドのアニメーション
安心・イン・アウト 低速開始時と終了時のアニメーション
立方ベジェ(NNNN 立方ベジエ機能におけるそれらの値。可能な値は0から1までの値であります

  注:立方ベジェ曲線、速度曲線として知られている数学関数を用いて、アニメーションタイミング機能。上記のあなたがあなた自身を定義することができ、事前に定義された値です。

4、アニメーション遅延

  アニメーションは、秒またはミリ秒単位で開始待ち時間の前に、デフォルト値は0で定義され、負の値が許可されているので、-2Sアニメーションはすぐに開始しますが、ムービーに2秒をスキップします。

5、アニメーションの繰り返しカウント

  カスタムアニメーションが何回も再生される必要がある、または無限の回数は、それが無制限であることができます。

図6に示すように、アニメーション方向

  逆アニメーション交互のサイクルかどうかを定義します。

ノーマル デフォルト値は、通常の再生アニメーション
リバースプレイ動画
代わりの 偶数(2,4,6 ...)で、(1,3,5 ...)奇数リバース再生中のアニメーション前方の遊び
代替逆 前方偶数(2,4,6 ...)に出場奇数でアニメーション逆転劇(1,3,5 ...)、

 7、アニメーションフィルモード

  (アニメーションが完了している、またはアニメーションが再生を開始しない遅延がある場合)は、アニメーションの規定が再生されない場合は、スタイル要素に適用します。

  この感覚は、上使用されていない、それは2つの値をリストされます。

無し デフォルト値、およびアニメーションの後、実行する前に、アニメーションでのターゲット要素に任意のスタイルを適用しません。
前方に アニメーション(アニメーション反復カウントによって決定される)の終了後、属性値が適用されたアニメーションであろう

 

 8、アニメーションプレイ状態

  アニメーションが実行中または一時停止されているかどうかを指定します。

 

一時停止 アニメーションを一時停止するかを指定
ランニング アニメーションを実行するかを指定

おすすめ

転載: www.cnblogs.com/jiayouba/p/11827813.html