Jump to content

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


Recommended Posts


i'm doing test on morphSVG.

For now just this..it's the same script on the start tutorial with 2 path (name id "uno" and "due"

TweenMax.to('#uno',4,{morphSVG:"#due", fill:"#451212",stroke:"#124578"})

Dont'work :(

My console message is ever 


"invalid morphSVG tween value: #due"

Help me please

Link to comment
Share on other sites

Hi Digital Nation,


It's very hard for us to guess what could be wrong without the code in context. If you could just create your test on a editable online tool like, CodePen, we will be able to point you to a solution.


If you haven't read, here's a handy guide on creating a CodePen demo:


  • Like 1
Link to comment
Share on other sites

Yup, as Dipscom said a demo would really help.


My only guess is that #due is not a proper <path> element.


At the very least please provide your svg code as there isn't much we can do with out

that. Thanks!

  • Like 1
Link to comment
Share on other sites

It sounds like you just forgot to load MorphSVGPlugin. 

  • Like 1
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.