// Anim Project
let tlproject = gsap.timeline({ScrollTrigger : { trigger:".category-button",start:"bottom bottom",}});
tlproject.from(".category-button", {x:200, opacity:0,duration:0.2,stagger:0.1,ease:"slowMo"})
tlproject.from('.portfolio_gallery', {opacity:0,duration:2,ease:"linear"})
Hi everyone, I can't understand why the scrollTrigger is not working, the animation start on load instead of scroll ?
This one without using timeline is working well on the same page :
gsap.from(".ctn-image", {
scrollTrigger:{
trigger:'#contact',
start:"top center",
toggleActions:"restart none reverse pause"
},
y: 500,
ease:"powerIn",
opacity:0,
duration:1,
});