JohnPaulDesign
10/26/2018 - 12:08 PM

Stagger animation on scroll trigger

script.js
content_copyfile_download
var controller = new ScrollMagic.Controller();
    	var stagger = TweenMax.staggerTo('.header-triangle', 1, {
    		opacity: 0,
    		y: '100%',
    		ease: Power4.easeInOut
    	},
    	0.02);
    	 
    	new ScrollMagic.Scene({triggerElement: "#header-triangles", triggerHook: "onLeave"})
    	.setTween(stagger)
    	.addTo(controller)