VUEでマウスアニメーションwow.jsをスクロールします

wowjsでVUE使用

使用には次のように実装されていない場合はページの更新上のすべての画像が突然それを見た後、予期せぬバグがあるだろう、隠された属性が追加され、VUEにwow.js、我々は使用方法ではなく、自由に厳密に従っをお勧めします

(1)インストールNPMによって:

wowjs --save-devのインストールNPM

animate.css自動的にインストールされています。

(2)main.jsにanimate.cssを導入

インポート「animate.css」
組立に必要なwowjsに導入

2つの方法があります。

  1. 'wowjs' からインポート{WOWは}搭載(){新しいWOW()。INIT()}

WOW 2.import(){新WOW.WOW()を。INIT()}搭載 'wowjs' から

下のアニメーションクラスのクラス名の多様性を試験するために。(ベストstraightawayある)
WOWローリンは、設定値を変更するために、100%から時計回りの透明性をスクロール、左から右へ 
、WOW bounceInが設定値の小さな変化、その後、設定値を超えた小から大へ、ホームポジションから発生しますその後、設定値に戻り、100%の透明度が設定値に変更するために
ボトムアップからすごいbounceInUpを、後の部分でしょう、その後、スプリングバック上向き変わらない透明度の設定値を超えた急襲
トップダウンからすごいbounceInDown、後の秋その後、バウンスが変わらない透明度の値を設定し、その下の部分を超えてしまい
、左から右にすごいbounceInLeft、将来は弾性部を超えて右へ上に移動し、それを左になり、透明性が変わらず、設定された値である
すごい右から左にbounceInRight未来が左に上に移動し、右側の爆弾についての一部を超えますが、透明度は変わらず、設定された値である 
ボトムアップからslideInUpすごい、固定セット位置まで後、値を設定する不透明度は下からアップ(変わらずにあります底部の要素は、ボックスの意志の伸延高さ)があればA)(
WOW slideInDown上から設定位置まで透明度の値に固定されている一連の定数であり、
WOW slideInLeft 左から右に、固定されたセット位置にバックアップし、設定値が(左から右へ残される)変化しない透明である
WOW右から左へslideInRightは、固定されてセット位置まで戻る、設定値は、透明性ではありません変数
左、右、右に傾いた第1ヘッド、及び左側に傾斜し、最終的に元の形状に、設定値を変更するための100%の透明性からワウlightSpeedIn
WOWほとんどが元のサイズに縮小増幅元の位置パルス、透明セット値の変化(アニメーションでより良い実行時間については、効果属性)
WOW flipInX植え付け前の元リクライニング位置、100%の値の変更を設定透明
WOW flipInY元の位置が設定値を変更するために、100%の透明度回転については、
WOW振るバウンスとダウン、透明度設定値定数(複素アニメーション実行アニメーションプロパティの数および持続時間)が激しく、またはゆっくり振盪振るも達成することができる
WOW不変の透明度設定値についてぶれを振る(アニメーションプロパティのアニメーションの実行時間及び持続時間)激しく又はゆっくり振盪振るも達成することができます
WOW、右から左に右に傾いた第1ヘッドをスイングし、左に傾け、そして最終的に元の形状に、設定値に一定の透明
不変WOW bounceInU元の位置、遷移を介さずに(直接ディスプレイに表示されることはありません効果)
WOWウォブル一定のホームポジション、つまり頭が揺れ程度立っている人に似て、透明度setted値

リンク:https://blog.csdn.net/weixin_40292626/article/details/80277182

以下のアプリケーションは、例に示されています。



    <LIクラス= "WOW slideInUp" V-ため= "(項目、インデックス)の場合には":キー= "インデックス">



転送:https://www.cnblogs.com/sugartang/p/11266281.html

リンク:https://www.helloweba.net/javascript/552.html

おすすめ

転載: www.cnblogs.com/panghu123/p/11933502.html