2のサンCSS3スタイル
資格のアニメーション、再生する方法を、ショーよりもあるでしょう。
アニメーション
1、アニメーション名
セレクタアニメーション名にバインドするかを指定
アニメーション、アニメーションという名前のボールを作成します。
@keyframesボール{内容}
コール:
アニメーション名:ボール。
2、アニメーション期間
何秒かミリ秒カスタムアニメーションがサイクルを完了する必要があります
アニメーションの継続時間:2秒。
3、アニメーションタイミング機能
サイクルを完了するためにどのように時間にアニメーションを指定します
線形 | アニメーションの速度は最初から最後まで同じです |
楽 | デフォルトでは、アニメーションは、スピードアップ、その後、低速で始めるの終了前に遅く |
使いやすさで | 低速でアニメーション開始 |
簡単にアウト | ローエンドのアニメーション |
安心・イン・アウト | 低速開始時と終了時のアニメーション |
立方ベジェ(N、N、N、N) | 立方ベジエ機能におけるそれらの値。可能な値は0から1までの値であります |
注:立方ベジェ曲線、速度曲線として知られている数学関数を用いて、アニメーションタイミング機能。上記のあなたがあなた自身を定義することができ、事前に定義された値です。
4、アニメーション遅延
アニメーションは、秒またはミリ秒単位で開始待ち時間の前に、デフォルト値は0で定義され、負の値が許可されているので、-2Sアニメーションはすぐに開始しますが、ムービーに2秒をスキップします。
5、アニメーションの繰り返しカウント
カスタムアニメーションが何回も再生される必要がある、または無限の回数は、それが無制限であることができます。
図6に示すように、アニメーション方向
逆アニメーション交互のサイクルかどうかを定義します。
ノーマル | デフォルト値は、通常の再生アニメーション |
逆 | リバースプレイ動画 |
代わりの | 偶数(2,4,6 ...)で、(1,3,5 ...)奇数リバース再生中のアニメーション前方の遊び |
代替逆 | 前方偶数(2,4,6 ...)に出場奇数でアニメーション逆転劇(1,3,5 ...)、 |
7、アニメーションフィルモード
(アニメーションが完了している、またはアニメーションが再生を開始しない遅延がある場合)は、アニメーションの規定が再生されない場合は、スタイル要素に適用します。
この感覚は、上使用されていない、それは2つの値をリストされます。
無し | デフォルト値、およびアニメーションの後、実行する前に、アニメーションでのターゲット要素に任意のスタイルを適用しません。 |
前方に | アニメーション(アニメーション反復カウントによって決定される)の終了後、属性値が適用されたアニメーションであろう |
8、アニメーションプレイ状態
アニメーションが実行中または一時停止されているかどうかを指定します。
一時停止 | アニメーションを一時停止するかを指定 |
ランニング | アニメーションを実行するかを指定 |