I've got problem with launch GSAP with Scroll Magic.
I have two sections, and I want to trigger opacity of second section's elements from 0 to 1 when user scroll to second section. Unfortunally, I dont see animation, theres only effect when animation is complete. For this codepen example I set animation duration 2s (please, scroll down throu 'red section' to check elements in '#section__2'). I dont know why, but I dont see animation in progress. Elements shows after 2 seconds instantly, without any 'alpha coverage'.
What am I missing? Any advice would be appreciated.
no animation, effect seen only when 'ended'
in GSAP
Posted
Hello,
I've got problem with launch GSAP with Scroll Magic.
I have two sections, and I want to trigger opacity of second section's elements from 0 to 1 when user scroll to second section. Unfortunally, I dont see animation, theres only effect when animation is complete. For this codepen example I set animation duration 2s (please, scroll down throu 'red section' to check elements in '#section__2'). I dont know why, but I dont see animation in progress. Elements shows after 2 seconds instantly, without any 'alpha coverage'.
What am I missing? Any advice would be appreciated.
See the Pen QjLMXK by chev (@chev) on CodePen