buster808

Ive got this working mostly but it doesn't work on-load like css media queries. function addMQListener(mq, callback) { if (mq.addEventListener) { mq.addEventListener("change", callback); } else { mq.addListener(callback); } } addMQListener(window.matchMedia("(min-width: 768px)"), event => { if (event.matches) { gsap.timeline() .from("#main-hero", {x:50, duration:1, opacity:0, ease:"circ.out", delay:0.5}) .from("#inspired", {x:100, duration:1, opacity:0, ease:"circ.out"})

Hi, Ive gone through previous threads but cant get this to work. I want to change timeline settings if on mobile. Do I need to kill one timeline then start another? gsap.timeline() .from("#main-hero", {x:50, duration:1, opacity:0, ease:"circ.out", delay:0.5}) .from("#inspired", {x:100, duration:1, opacity:0, ease:"circ.out"}) .from("#digital", {x:-100, duration:1, opacity:0, ease:"circ.out"}, "-=0.8") .from("#design", {x:100, duration:1, opacity:0, ease:"circ.out"}, "-=0.8") Thanks for any help

Hi, PointC I want the above clouds animation as a background animation also the animation affects other svg's I have on the page. Ive tried changing code but no cigar. Thanks for any help.

Thanks Mikel much appreciated.

Hi, this is code from a tutorial and am having difficulty understanding it. I want the bus to start offscreen from the left and finish to the right. Thanks for any help.

Its working now. I added lots of dummy text at the bottom so scroll can be triggered dah

Hi, If Im using an html img like below Scrolltrigger works fine while targeting fred: <img class="fred" src='images/fred.svg'> But what I want to do is for scrolltrigger to work on a group that has a clippath while targeting shutter (This doesn't work). <g id="clipPathReveal" clip-path="url(#theClipPath)"> <g class="Shutter"> </g> Thanks

Thanks PointC excellent, I'll make sure to ask for help quicker next time.

Hi, first time here, and thanks for any help. I'm trying to animate the #shutter so it stays in the #Clip-Frame. Ive tried a variation of clip and mask but cant get this to work. Is this even possible?