Restarting timeline for different elements

[elegantseagulls]

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]

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: