Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

SVG organice shape morph

Recommended Posts

Hello I am new to GSAP and wanted to learn how to morph svg shapes with one another while masking an image, I seen a great example of this on codedrops but they are using anime.js where I wanted GSAP as I have already begun to learn an implement things with it.


I have tried to change the animejs to gsap with much failings.


Could some one please provide an example I can work from like another forum post or tutorial that could relate to what I wanted to achieve or possibly fork the codepen example with some learnings I could take home.


Thank you!


See the Pen ReypqN by theadameden (@theadameden) on CodePen

Link to comment
Share on other sites

Hi @adimension,

Welcome to the GreenSock Forum.


This is a case for SVG and ClipPath and the convenient GreenSock morphSVG ...


See the Pen Pyejvv by mikeK (@mikeK) on CodePen


Some weeks ago ...


See the Pen WyByGo by mikeK (@mikeK) on CodePen


Happy tweening ...


  • Like 4
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.