이미지를 준비하십시오.
gsap.registerPlugin(ScrollTrigger);
gsap.from('.section01 > img', {
x: 400,
duration: 1,
opacity: 0,
scrollTrigger: '.section01 > img'
});
gsap.from('.section01 > img', {
x: 600,
duration: 1,
opacity: 0,
scrollTrigger: {
trigger: '.section01 > img',
markers: true,
start: 'top 80%',
end: 'bottom 20%',
toggleActions: 'play reverse none reverse'
}
});
opacity
투명도
toggleActions
'onEnter, onLeave, onEnterBack, onLeaveBack'
onEnter : 시작