[MorphSVG Mask]

Here is a codepen that does something similar to what I want, except that I would like to use svg morph rather than svg draw to reveal other objects underneath, and have those objects morph as well. My main goal is to create a morphing hex button (like the one I posted above) and have it fill in with other morphing hexagons when the mouse is hovered on it.

 

See the Pen XexgJM by PointC (@PointC) on CodePen

 

Thanks for your help so far, GSAP is great!

[MorphSVG Mask]

How would I use this morphing SVG as a mask for anything that I would like to put behind it, even an entire webpage?

See the Pen NwvzxG by RONPEPE (@RONPEPE) on CodePen