ScrollTrigger.matchMedia functional for gsap.timeline
Hi!
Does it have somehing like ScrollTrigger.matchMedia functional but for gsap.timeline somethinkg like:
let tl = gsap.timeline()
tl.matchMedia({
// desktop
"(min-width: 800px)": function() {
tl.to(el, {x: 100})
},
// mobile
"(max-width: 799px)": function() {
tl.to(el, {y: 400, autoAlpha: 0}) // other animation for mobile
},
// all
"all": function() {
tl.to(el, {scale: 2})
}
})
How better create something like this with gsap.timeline?
@Nekiy2 it looks like you just keep adding tweens to the same timeline, so they all pile up (sequence). Just add tl.totalTime(0).clear(); to the top of your changetween() function and that should give you what you're after. Right?
