gsap

    0

    1答えて

    こんにちはスクロールは私がTweenMaxを使用して、このページのセクションhttp://cuberto.com 上の遷移を、複製しようとしています。 codepenで var slides=document.querySelectorAll('.slide'); var tl=new TimelineLite({paused:true}); for(var i=slides.length;

    0

    1答えて

    私はGSAPが初めてで、GSAP scaleXとxを使用して2.5D回転コインを組み立てています。 コインは、a)テール側で「回転」、b)テール側を回転し、c)ヘッド側で回転し、d)ヘッド側を回転させ、次にループシーケンスの最初の部分が再びテール側の回転を開始する。 私はアニメーションをc)まで取得しましたが、scaleXを使用してd)を開始しようとすると、タイムラインに何かが発生し、コインの「ヘ

    0

    1答えて

    私のコードでいくつかの基本的な間違いをしています、私のcodepenを見てください。結果のタイトル/サブタイトルには空の穴と最後の2つの終了リンクが表示されます。しかし私は、.js-main-boxiesや隠れたdivをクラス.js-cta-form1と.js-cta-form2と呼ぶいくつかのフォーム/マーケティングのものを見たいと思っていました。私のタイムラインはデフォルトで一時停止されている

    1

    1答えて

    私はGSAPを初めて使用しています。私はドラッグを有効にし、GSAPを使用してカスタムhtml5ビデオタイムラインをクリックしようとしています。私は、次のjsfiddleに簡略化した例を再現しました... を私はGSAPフォーラムの投稿のカップルを読んだが、私は明らかに理解できないものがあります:https://jsfiddle.net/epigeyre/oLmk6b0d/2/ だから私は私のドラ

    0

    1答えて

    いくつかのReactコンポーネントでDOMに入り、離れるときにいくつかのGSAPアニメーションが実行されています。私が現在実行している問題は、最初のコンポーネントだけが入力アニメーションを起動しているようです。最初のコンポーネントは休暇アニメーションを起動せず、残りのコンポーネントはアニメーションを起動しません。 スライド1 class SlideOne extends Component {

    0

    1答えて

    私のhtmlのブロックは、トリガー要素がアクティブになったときに消えますが、ユーザーがトリガーをスクロールして元に戻ってもフェードアウトします。私はフェードアウトしたくありません。ユーザーがf5を押すか、ページをリロードするまで、フェードインしてそこに残したい。 $(document).ready(function(){ \t // Init ScrollMagic \t var

    0

    1答えて

    次のコードで私は位置をアニメーション化してテキストをフェードインすることができます。しかし、私が達成したいのは、移動、フェードイン、、次にすべてのコピーをスクロールの最後までフェードアウトします。だから動きはうまくいきます。私はちょうど同じ<p>タグを消してからスクロールの最後に戻したいと思います。 // init controller to hold all commands/animation

    2

    1答えて

    GSAPを使用してカレンダーをアニメートしています。カレンダーはcssテーブル、行とキャプションを使用して描画されます... この表の一部をアニメーション化したかったのですが、 しかし、ここでの言葉はサファリで開くことcodepenでより良い: https://codepen.io/anon/pen/rmrJRy var body = document.getElementById('body')

    0

    1答えて

    スクロールマジックコントローラが以前に無効になっていた場合、再度有効にする際に問題が発生しています。 は私だけその場合、狭いビューポートをトリガーロゴの色の変化を持つようにしたい(ロゴは着色領域である場合)、無効、これまで 働くそのwide..that場合しかし、私は、ウィンドウのサイズを変更する場合 https://codepen.io/HendrikEng/pen/owyBYz?editors

    0

    1答えて

    角度バージョンが動作していないNGビュー休暇アニメーション。問題は、入力アニメーションだけが機能することです。 htmlの一部: <main class="main" ng-view></main> app.js App.animation('.main', function() { return { enter : function(element, done) {