Gooey Navigation
We'll make a gooey shape smoothly glide to a new target via a custom SVG curve.
The GreenSock Animation Platform (GSAP) is a rock-solid, blazing fast animation engine to bring life to your projects. These GreenSock tutorials will cover basics, plugins and real world projects.
We'll make a gooey shape smoothly glide to a new target via a custom SVG curve.
Learn the basics about GreenSock's MotionPath plugin with a piggy bank and some flying dollars.
Learn how to get the correct path points out of Illustrator to make smooth organic morphs.
Learn how to use a circular mask and a text element counter to create a retro-style SVG movie countdown animation.
If you'd like a quick and easy before & after slider, you can make one with a SVG and clipPath.
Control the start point of your DrawSVG and MorphSVG animations by cutting and rejoining your paths in Adobe Illustrator.