drawSVG fromTo

[Lacika1981]

Hi,

 

I have got a problem and I can not figure out what it is caused by.

I would like to have a hamburger menu like icon that goes into a circle.

It works but because I use the `fromTo` method with `drawSVG` it hides the top line what I morph and draw and shows only when it starts to draw the circle.

 

Please check codepen for more detail.

 

Thank you

See the Pen PdRNpP by Lacika1981 (@Lacika1981) on CodePen

[PointC]

I'm not 100% sure what you're asking, but I'm guessing it's about immediateRender. Please try this on your last tween.

 

.fromTo('.menu-1', 1, {drawSVG: "0%"}, {drawSVG: "100%", immediateRender:false});

 

Does that help?

 

Happy tweening.

 

[Lacika1981]

Thank you,

 

I spent probably over 10 hours to read and learn the documentation and around 6 hrs to tweening but still there is lot of things I am not familiar or I do not know at all (just like this).

Absolutely great platform but takes lots of time to master it.

[PointC]

Yeah, it can take a bit of time to go through everything, but once it 'clicks' it becomes second nature and lots of fun. Here's some more info about immediateRender:

https://greensock.com/immediateRender

 

Happy tweening.