ScrollTrigger with background image zoom, multiple triggers
I know I am doing this wrong
I want to be able to target and change the zoom level of the #target div multiple different ways throughout the users scroll. How can I clean this up (and make it work?) Right now the second animation doesn't even animate, it just jumps.
See the Pen RwKqMVN by christiemade (@christiemade) on CodePen
I'm curious - is this for a class assignment or something? It looks remarkably similar to this other forums post:
Well, I got intrigued and "whipped together" an effect (@PointC will appreciate that term) that'll make it super simple to zoom into certain parts of an element by animating the xPercent and yPercent and scale - you just tell it where on the image to zoom into like origin: [0.25, 0.8] would zoom into the spot that's 25% from the left, and 80% from the top (x and y axis)
