gsap

    0

    1答えて

    私は、ブラウザゲーム用のスライドがほとんどないインタラクティブなSVGインフォグラフィックを作成することに専念しています。前/次のボタンまたは特定のステップをクリックすると、svg全体が正しいステップにアニメートされます。コードの面では が、これは私が持っているものである:ここでは function Slide() { // Cache all top-level svg elemen

    0

    2答えて

    GSAPを使用してアニメーション効果をいくつか作成します。私がしようとしているのは、要素を2倍のサイズから通常のサイズにスケーリングし、消失することを適用することです。blur filterフィルタはblur(15px)から開始し、blur(0)に下がる必要があります。私はこのようにそれを行うことができると思った : var el = $('img'); TweenLite.set(el, {

    1

    1答えて

    私の画像を下から開始しようとしました:0と不透明度1、そしてgreensockアニメーションを使用しています。私のコードが良かったように私は何が間違っているのかわからない、多分私はそれをあまりにも長く注視していたかもしれない。 find()が私の中にすべてのimg要素を持つオブジェクトを見ていないようにしたいと思っています。ここで は私のコンソールが出力されているものである:ここでは [prevO

    0

    1答えて

    HTML、CSS、GSAPを使用して本の開閉をアニメーション化しようとしています。 ページがに必要な開位置と閉位置にを回転させる:私は2つの問題があります。 ページの1つのZ-インデックスを変更する必要があります。何らかの理由で がそうではありません。 (jQueryの使用) GIF animation of what I want it to look like JS Fiddle showin

    0

    1答えて

    私は、それぞれがPNG-クラウドを含む、DIVのの束をアニメーション化するために、このGreensock-のコマンドを使用します。 var animation = TweenLite.fromTo(clouddiv, duration, {x:offX, y:offY, scaleX:scaler, scaleY:scaler, opacity:0, ease:Sine.easeOut}, {x:

    -1

    1答えて

    私は次のコードを持っています。これはリスト項目の代わりにdivを使用するときに機能します。しかし、リストアイテムの順番をランダムに消す方法はわかりません。 私はアイテムをアニメーション化するためにプレーンJavascriptとGreensock(TweenMax)を使用しています。 CODEPEN:私のHTMLでhttp://codepen.io/dada78/pen/fd4f35272d48df

    0

    1答えて

    私はScrollMagicでサイトを構築していますが、私のビデオの背景に問題が発生しました。最初のアンカーポイントを下に戻すと、再びトラックに戻ります。 どうすればこの問題を解決できますか? フィドル:https://jsfiddle.net/Lx4m4ehd/6/ HTML <video autoplay loop id="bg_video"> <source src="http://

    1

    1答えて

    私は、各ナビゲーションアイテムの下で、 "navItemUnder"クラスのすべてではなく、アニメーション化するために適切なdivを取得しようとしています - このコードペインでは、ナビゲーション項目の1つを選択します。 右のnav項目の下で1行だけを選択し、HTMLの表示方法を維持したいのですが。 codePen:http://codepen.io/celli/pen/bpRLRM $(".na

    2

    1答えて

    その後、最初のアニメーションが実行されるとき、同じターゲット上に別のアニメーションが必要です。 var lnk = document.querySelector('#clickme'); var tl = new TimelineMax(); lnk.addEventListener('click', go, false); function go(){ tl.to('.gla

    1

    1答えて

    GSAPを使用して、対応するボタンによってトリガーされた要素をアニメーション化しようとしました。アニメーション自体は機能しますが、対応する要素を明らかにするのではなく、すべてを明らかにします。私はあなたがTweenMaxでそれを行うことができ、TimelineMaxを使用する必要はありませんworking codepen here var trigger = ".trigger"; var re