Is there a way of triggering different instances of the same CSS class as they enter the viewport. I've tried playing around with the ScrollTrigger.batch() method but can't seem to get this to work.
In the below CodePen I'd like each of the.box elements to animate individually as they enter the view port as opposed to them all animating when the first one does.
Thanks in advance for any help
See the Pen gOPrGOV by emilychews (