Hi all,
I've spun up a codepen that represents an animation I'm doing on a much larger site. The map needs to zoom in such that the specific hexagon in the quartet on the map is superimposed under the lone hexagon on the page. I'm facing a unique challenge in that the hexagon's size is set in pixels and its position in vh/vw units, so I have to reference both when I'm doing the gsap transform. The problem I'm running into is that because the tl is initiated on page load, I'm losing the correct reference point if I resize the window. What's the correct way to update these references on resize? I believe the answer has something to do with the Modifiers Plugin, but I'm lost on how to actually execute it. Thanks so much for your help.