[Help prevent Google/DoubleClick HTML5 Validator from being depreciated]

Done

 

[Moving / Wavey Line Animation]

Awesome direction here, Thanks again!

[Moving / Wavey Line Animation]

Hello,

 

Im looking to recreate this wavey line  animation using GSAP but having a bit of trouble with the approach. I figured there might be some related posts someone could point me in the direction of? I initially thought of morphing the state but wasn't the correct effect. Maybe clipping / draw SVG? Not sure... #heylp   

Thanks so much for taking a look! 

See the Pen GaNPVx?editors=0010 by moonshine42tech (@moonshine42tech) on CodePen

[SVG Mask & motionPath Plugin #help]

Thank you for both pieces of insight! 

[SVG Mask & motionPath Plugin #help]

Hello!

I am working to reveal this shape/outline via a mask ...specifically the rectangle shape, as it animates via motionPath the shape should reveal. This pen is set up to show the rectangle animating along its path (.path2) successfully, but when I place it within a mask ("theSquare"), motionPath breaks. Commenting in <defs> and <mask> within the linked pen will replicate the error.

 

Can you help me understand why this is happening? 

Thank You!

See the Pen xxZJgYd by bai-ee (@bai-ee) on CodePen