velocity.js

0熱

1答えて

velocity.jsを使用したアニメーションに問題があります。 Hereは、コデペンリンクです。問題：ナビゲーション要素をフェードイン後、ロゴと「私のウェブサイト」のタイトルが一瞬フェードアウトし、再びフェードイン。 CODE： HTML： <div id="header"> <div id="logo"> <img src="Images/logo.png" />

1熱

1答えて

Loop Velocity.jsカスタムエフェクトのシーケンス

私は、テキストアニメーションにVelocity UIライブラリを使用しています。私は2つのエフェクトを登録しています（& Outで表示プロパティを処理します）。それらはシーケンスで実行されています。シーケンスをどのようにループできますか？私はシーケンスの最後にオプションとしてトリガしようとしましたが、シーケンスの実行が関数ではないため動作しませんでした。私はStack OverflowとGith

0熱

2答えて

速度 - 横スクロール - トランジションXがあまりに速く終わる

私はアイテムのリストを持っています。ここで、私が右側にカーソルを置くと、リストの横方向にスクロールします。私は他の方向にちょうど左側の上にマウスを置くと同じです。（そして、それ将来、それが残っているどのように多くの項目のカウンターが表示されます、と私は最後の項目を見ることができれば、「hoverable」エリアはもう表示されません。）私が管理スクロールしているが、タイミングはまだ良くない。最後

0熱

2答えて

Velocity.js - バギーループアニメーション？

私は、ウェブサイトのユーザーが下にスクロールできることを示すアニメーションマウスの理論設計をテストしています。複雑ではなく、再利用可能なデザインを考え出しました。要素を複製して追加しようとすると何らかの理由で視覚的にアニメーション化されません。しかし、私が$.click()とjQueryを使用すると、1回の反復の後に修正されます。おそらくこれはブラウザのレンダリングの問題ですか？あなたが問題を

1熱

1答えて

トリガーdivをスクロールするときのベロシティアニメーション

divにスクロールした後に読み込むベロシティアニメーションがあります。 divはリストのようなスクロール可能なdivではなく、普通のdivです。だから私が望むのは、画面上に表示されたdivと、さらにアニメーションをロードするためにウェブサイトをさらにスクロールさせるようなものです。それ、どうやったら出来るの？これは、スクロールするときにアニメーションを読み込むべきdivです。 <div id="s

0熱

1答えて

要素がfadeIn/fadeOutでアニメーション化されると、その上にある要素は

ここでJSFiddleにデモされます.3秒後にページの読み込み遷移が行われます。画像がフェードイン/フェードアウトすると、左上隅のボタンが点滅します。ボタンに特有のものではなく、ボタンの代わりにdivやその他の要素が可能です。ブートストラップにも固有のものではありません。ブートストラップCSSを削除しても同じことが起こります。このちらつきのvelocity.jsは特定ですか、それともCSSアニ

1熱

1答えて

関数を停止して別のものを開始

私は、svgがクリックされたときに2つのループ状態を交互に繰り返す小さなアニメーション（Velocity.jsを使用）を作成しようとしています。第1の状態は、水平方向にscaleX(1)からscaleX(2.5)に、scaleX(1)からscaleY(1)に、第2の状態は、scaleY(1)からscaleY(8)に戻ると、scaleX(2.5)に戻る。 svgがクリックされると、アニメーションは水

-1熱

1答えて

VuejsファイルのwebpackからVelocityをインポート

私はvue.jsを新しくしています.vueファイルがあります。これらのうちの1つでは、Velocityトランジションを使用したいが、私はwebpackからこれを行うことができない。私を喜ばせるどんな考えですか？

1熱

1答えて

は、ウィンドウがスクロールダウンするとナビゲーションバーが使用して、一度来るべき速度JS

私は多くの方法を試してみましたが、私はこれを使用してコードを交換してみてください $(window).scroll(function() { if ($(this).scrollTop() === 100) { $(".nav").stop(true, true).velocity('transition.bounceIn'); } });