Multiple clipPath animation

[AntonioNB4]

Is there any way to have multiple clippath animation together ? I tried but the first clippath animation is too fast and after that the second one starts immediatly too. I would like one to happen first until its completion and then the other one starts.

See the Pen QWzwMVd by Antonio-Nocella (@Antonio-Nocella) on CodePen

[akapowl]

Hello Antonio.

 

2 hours ago, AntonioNB4 said:

I would like one to happen first until its completion and then the other one starts.

 

If I do not totally misunderstand what it is you're going for, I'd say your code does exactly that.

 

The one thing that is throwing everything off in your example is that you are not using your unit for the 0 values everywhere, which you should always do because GSAP can not wildly guess which unit it is you want to use there.

 

So just add % to your 0 values of that first tween and you should be good to go, right?

 

See the Pen KKbwZPd by akapowl (@akapowl) on CodePen

 

[AntonioNB4]

@akapowl Yes it works  

Ty very much.