Restarting timeline for different elements

[elegantseagulls 209 Likes (Specialist)]

Hi All, 

 

I'm working on a custom radio checkbox using drawSVG and am having a bit of trouble getting my animation to play more than once. I'm thinking that resetting the timeline once the animation is completed is how it should be done, but I'm not able to quite figure that out. 

 

Please see the Codepen ( details. 

 

Thanks!

Ryan

 

See the Pen vNozXO by ryan_labar (@ryan_labar) on CodePen

[elegantseagulls 209 Likes (Specialist)]

Well I figured it out. Sorta. It was breaking due to the .from() I was using with DrawSVG. I needed to set the length to 0 and use to(). 

 

Solution is here: 

See the Pen vNozXO by ryan_labar (@ryan_labar) on CodePen