gsap

0熱

1答えて

スクロールでGSAPフレームワークを使用してSVGをアニメーション化する方法を理解できません。例えば、私はCSSの@keyframesあります @keyframes stone { 0% { transform: translate(-360px, -400px) rotate(0); } 25% { transform: translate(

2熱

1答えて

既存の横型「ルーレット」スクロールを改善する

私はアニメーター方式で勝者を選択する水平スクロール用のプロトタイプを作成しました。私は、インジケータの下で選択されたイメージをプログラムで強調表示することでこれを改善することを検討しています。私はそれが私が望むところでスクロールする方法を考え出しましたが、それが勝った後にプログラムでプログラムを選択する方法を理解することはできません。 HTML CSS jQueryの GSAP TimeLineM

2熱

1答えて

TweenMaxオブジェクトの作成後にonCompleteハンドラを追加しますか？

TweenMaxオブジェクトを作成した後にonCompleteハンドラを追加したいが、それを行う方法が見つからない。私はこれについてどうやって行くのですか？ちょうど私ががこれを行うにはしたくない明確にする： TweenMax.to(obj, 0.5, { x: 100, onComplete: myFunc }); しかし、その代わりに、私はこのような何かやりたい： var tween =

0熱

1答えて

GSGを使ったSVGアニメーション

シンプルなものが欠けているかもしれませんが、HTMLでうまくいくアニメーションにもかかわらず、SVG要素をGSAPでアニメーション表示できません。例えば、私は2つの円がある場合 - HTML/CSSで作成した1、SVGと他の - SVGの1がそうではないHTML要素がアニメーションを取得します。また、 var circle = document.getElementById("html"); /

1熱

1答えて

GSAPトゥイーンの背景サイズは</p> <p>ブラウザ上とのために、このを見てみましょうGSAPのtweenmax（ライトまたはtimelinelite）backgroundSizeがブラウザで正常に動作しますが、IOS/iPadの上でないを使用したIOS/iPadの

では正しく動作しません。 iPadでエラーが発生しました。どんな助けでも大歓迎です。 GreenSockフォーラムで回答 http://codepen.io/jonathan/pen/AigpI // cache element in variable var $img = $('#box'); // set initial CSS autoAlpha to 0 // GSAP handle

0熱

1答えて

このリストアイテムを「ズーム」にする方法

リストアイテムを選択すると「ズーム」するようにしようとしています。これを実現させる最善の方法を見つけるのが難しいです。私はGSAPを使用しており、javascriptは正常に動作していますが、目的の「ズーム」エフェクトを最も良く達成するプロパティを見つけるのは苦労しています。現時点で https://jsfiddle.net/Leahp374/1/ 、私は近いZ方向にアイテムを移動するためにCSS

1熱

1答えて

TweenMaxのアニメーションScrollMagic

TweenMax私はヘッダがTweenMaxとScrollMagicを使用して、ページをスクロールするが、アニメーションがスクロールを待たずにトリガさにサイズが縮小しようとしていますScrollMagic 前に実行する前に。ここで私のコードです： $(document).ready(function(){ var header = $('header') //i

1熱

1答えて

CSSバラバイルでGSAP（TweenMax）を使用する

私はGoogleのPolymerに本当に関心があります。私はGSAPを愛用しています。これまでは2つを一緒に使っていました。残念ながら私は今問題を抱えています - カスタムCSS変数を使用してGSAP（TweenMax固有）を使用するにはどうすればよいですか？例えば： someElementのsomeCssPropertyを変更するには、私は TweenMax.to(someElement, 1

0熱

1答えて

最初の実行時にJavaScriptのサイズを変更する

ブラウザのサイズを変更すると機能するjavascriptのサイズ変更機能がありますが、特定のサイズでブラウザウィンドウを開始した場合、コンテンツのサイズを変更するにはどうすれば入手できますか？あなたはコードペンhttp://codepen.io/celli/pen/pyMMWeでこれを見ることができます私はブラウザのウィンドウを調整すると私のコンテンツのサイズが変更されます - ただし、小さいサイ

1熱

1答えて

ReactとReact-DraggableのsetStateの問題

reactのsetState関数に問題があります。私は反応ドラッグ可能なパッケージを使用していると私は周りに私のdivをドラッグすることができますが、私はマウスボタンをリリースすると、x yの座標を設定するように見えないので、divはちょうど元に戻ってスナップします。誰かが私がonControlledDragでここで間違っていることを教えてもらえますか？ありがとう！コンストラクタで export