SVG not Morphing

[eugene.bredyuk]

Dear all,

I've generated 2 svg's via Adobe Illustrator, pasted them as in tutorial.

However, they're not animating.

 

I'm getting the next message in the console: invalid morphSVG tween value: #from

 

Can you please help?

What's wrong with the code?

 

Thanks!

See the Pen JKVWOA by eugene-bredyuk-1471593269 (@eugene-bredyuk-1471593269) on CodePen.

[Carl]

Hi and welcome to the GreenSock forums,

 

Thanks for the demo.

 

Just so you know, you can grab a CodePen-friendly version of MorphSVG from any of our MorphSVG demos:

 

or http://codepen.io/collection/naMaNQ/

 

any club plugin from: http://codepen.io/GreenSock/pen/OPqpRJ

 

The main reason why you weren't seeing any animation was because the shape you were morphing #to had its visibility set to hidden using CSS. I think you wanted #from to be hidden.

 

here it is morphing:

 

 

http://codepen.io/GreenSock/pen/mEgwJA?editors=0010