css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

Demonstrates some nifty SVG morphing capabilities in the new MorphSVGPlugin from GreenSock. Notice the start and end shapes don't need to have matching quantities (or types) of points.

MorphSVGPlugin is a membership benefit of Club GreenSock: http://greensock.com/club/ ("Shockingly Green" level and higher)

Comments

  1. Ooooooooh that cape oooooooooh

  2. MorphSVGPlugin is what we need. Awesome! Thx, GSAP Team!

  3. damn, some serious power coding on that cape.

  4. @Felipe, yeah, sorry about that - I had to employ sine waves (trig) to make that effect super natural-looking. Fun! Sorry if it was a bit overwhelming. At least the morphing code was all super simple :)

  5. I wish i can give this 2 hearts, buttery smooth :)

  6. Thank You From My Heart ♥ WoOow :)

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.
Loading...
Loading...