Morph animation not working

[Arif59]

Hey guys! I'm new to this community and I'm not sure if this is the right place to post this but -- I'm having trouble morphing shapes. I've followed the Youtube tutorial but it just isn't working. Could someone kindly take a look? All I'm trying to do is change the letter from "A" to "R". Thanks in advance!

See the Pen qZzzLY by Arif59 (@Arif59) on CodePen

[Dipscom]

Hi Arif59,

 

Welcome to the forums! This is indeed the place for your GSAP related questions!

 

Thanks for the demo, it helps a lot.

 

MorphSVG works by changing the <path> data of an element so, you have to specifically target it. In your case, the id's you were using were at the <g> element. If you simply move the id's into the <path>, you will see that it works as expected.

[Arif59]

Thanks! Worked like a charm!