Repeat a SVG animation

[salimalisalim]

Hi,

How can i repeat my SVG animation continuously. Below is my fiddle.

 

http://jsfiddle.net/f5jx7o0L/

 

See the Pen bjmMab by salimali (@salimali) on CodePen

[GreenSock]

Hm, it looks like you're not using GSAP at all for those animations - you're just using CSS, right? These forums are for GSAP-related questions. Did you have one of those? We'd be happy to help. Repeating an animation (or a group of animations) is really easy with GSAP - you just set the "repeat" special property of a TimelineMax or TweenMax. 

[PointC]

BTW - Here's how easily your animation could be done with GSAP.

 

See the Pen qyQEqX by PointC (@PointC) on CodePen

 

It would be even easier with the DrawSVG plugin because you wouldn't need to manually set all those (stroke-dasharray="550" stroke-dashoffset="550"). That is a Club plugin. More info:

https://greensock.com/club

 

Happy tweening.