[scrollTrigger on mobile]

Hello.

I made logo animation on https://toplubricants.ie/ and on mobile its restarting when its in full view. Am I doing something wrong?

 

        ScrollTrigger.create({
            trigger: '.logoFootCon',
            animation:logAnim,
            toggleActions:'restart none none none',
            start: 'top bottom',
        });
        ScrollTrigger.create({
            animation:logAnim,
            toggleActions:'restart none restart none',
            trigger: '#logohead',
            start: 'top bottom',
        });

 

[Not morphing evenly from bottom]

Thanks a lot for quick reply! That helped

[Not morphing evenly from bottom]

Hello.

I cannot get shape to morph evenly from bottom. 

Any ideas?

See the Pen rNpENRo by Maciej1987 (@Maciej1987) on CodePen

[scrollTrigger problem with animation]

Thanks that helped

[scrollTrigger problem with animation]

Hello!

Im trying to fade in title characters with scrolling and its not canceling animation on scroll back when scrolling to fast. 

See the Pen VwrqEWE by Maciej1987 (@Maciej1987) on CodePen

[Fade in element at start and fade out at end problem]

I fixed it with:
.fromTo("#mapcirc1", 1, { opacity:0}, { opacity:1 },0)
 .fromTo("#mapcirc1", 5, { scale: 0}, { scale: 1 }, '<')
.fromTo("#mapcirc1", 1, { opacity:1}, { opacity:0 },'>-=1') 

 

Made new topic too fast!

[Fade in element at start and fade out at end problem]

Hello.

I couldnt figure this one out. I want circle fade in first second of animation and than 1 second before ends fade out.

See the Pen jOGYgXz by Maciej1987 (@Maciej1987) on CodePen

[Loop timeline with repeat Delay negative]

Thank you so much for quick reply!

[Loop timeline with repeat Delay negative]

Hello.

Im trying to loop animation with repeatDelay -1 but it looks like animation is cut at the end. Or maybe I making it wrong way? 

See the Pen wvrPXPN by Maciej1987 (@Maciej1987) on CodePen