9、VUEのトランジションやアニメーション

1、トランジション効果

     VUEが提供遷移次の場合に、成分は任意の要素に加えることができると、パッケージアセンブリを出る/入る遷移。

 

 

 私たちは、ことに注意してください。<移行> タグは、タグで名=フェードながら、CSS -defined名も使用されているフェード一から一であるプレフィックスを、。

 

 

 

 

 

2、アニメーション

 

 

 

 

使用 @keyframesのルールを、あなたは、アニメーションを作成することができます。

 

アニメーションは徐々にから変更することで作成された CSS 別にスタイルを設定します。

 

アニメーション中は、変更することができ、CSSが複数のスタイルを設定します。

 

%、またはキーワードを使用するときに指定された変更が発生「からの」「に」、これは0 %と100 %同一。

 

0 アニメーションの最初の%は、100 %はアニメーションが完了したとき。

 

最適なブラウザのサポートのために、あなたはいつものように定義されなければならない 0 %、および100 セレクタの%。

 

の使用アニメーションプロパティはアニメーションの外観、セレクタを結合するために使用されるアニメーションを制御します。

 

 

 

 

 

 

 

 

3、トランジションやアニメーションのコールバック関数

 

 

 

おすすめ

転載: www.cnblogs.com/schangxiang/p/11403577.html