Jump to content
Search Community

BONOMITE

Premium

  • Posts

    16

  • Joined

  • Last visited

 Content Type 

Posts posted by BONOMITE

    How can I use GSAP 3 with scroll magic?

    in GSAP

    Posted

    don't forget the OCEAN of middle men who think they are UI/UX experts and who can also design and code... uhg... When my mortgage is paid off... I need to find a small start up with ULTRA talented people and just learn and create amazing stuff! 

     

    I've been using scrollMagic for a while... but if GSAP creates a solution with most of its popular features... I'm all in!

    • Like 1

    display non to block mis-aligning animated elements?!?!

    in GSAP

    Posted

    Desktop: 

    Mobile: 

    See the Pen cc2f9f170ddc50f86379dfea2c7b0700?editors=0010 by sirhclluk (@sirhclluk) on CodePen

     

     

    Video: https://drive.google.com/open?id=1QJ7McwclhKQTCZCCvOlblWf6m_kgdGWs

     

    Hey Jack, hope you ca help me out here. Kind of lost on this one. Video above explains it all. In short, coming in and out of display:none while the animation is playing messes with the alignment of the text. Very odd. Thanks.

     

    -Thomas

    See the Pen e95c773ffbba22f5a575b4d319faac9e by sirhclluk (@sirhclluk) on CodePen

    GTM with Wordpress issues

    in GSAP

    Posted

    Thanks buddy! That information fixed the issue. Couldn't find anything online about it. Hope this helps others who experience this issue. Congraz on all your success! I got some ideas up my sleeve... keep an eye out in the next 2 years ;) 

    • Like 1

    GTM with Wordpress issues

    in GSAP

    Posted

    So I have been experiencing some issue with GTM (Google Tag Manager). I was working on a Wordpress site... and I noticed that this error started to show up "Uncaught TypeError: Cannot create property 'greensock' on string 'firstname|lastname|username|email|emailaddress|ssn'" .

     

    After pulling my hair out... I was able to fix the issue by moving down the GTM script to the very bottom of the head.

     

    So now, I have another project. wordpress as well... and a developer is seeing the same issue... but ONLY in "gtm preview mode" . Any thoughts?

     

    -Thomas

    Nested Timeline Tweens not playing in reverse properly

    in GSAP

    Posted

    But wait, there's more!

     

    I am trying to have the timeline start from 2 seconds in and play reverse.... and it is playing it from the very end then reversing.

     

     

     

    playGoingBack(2);

     

    function playGoingBack(rev){

     

    var tl = new TimelineMax({});

    if(rev != undefined){tl.reverse(rev);}

    tl.append(TweenMax.to(ball, 5, {css:{scale:4, rotation:360},delay:0}));

     

    }

    Nested Timeline Tweens not playing in reverse properly

    in GSAP

    Posted

    The following animated perfectly. All is well. But when I go to REVERSE() the timeline, the ball fades out, but never back in, and continues back to original starting spot at opacity = 0.

     

    Why is this?

     

    Thanks

     

    -Thomas

     

    function fadeIn(obj){

    var tl = new TimelineMax();

    tl.append(TweenMax.to(obj, duration, {css:{opacity:1}, ease:Linear.easeNone}));

    return tl;

     

    }

     

    function fadeOut(obj){

    var tl = new TimelineMax();

    tl.append(TweenMax.to(obj, duration, {css:{opacity:0}, ease:Linear.easeNone}));

    return tl;

     

    }

     

    var ball = document.getElementById('ball2');

     

     

    var tl = new TimelineMax({});

    tl.append(TweenLite.from(ball, 12, {css:{marginLeft:900},delay:1}));

    tl.append(fadeOut(ball));

    tl.append(fadeIn(ball));

×
×
  • Create New...