[Converting to gif causes loss of svg fill colors]

Thank you for taking the time to show me these errors. Silly me thinking I could just drop it in and go. I'll go over your notes and make another go at it. Really appreciate the help!!

[Converting to gif causes loss of svg fill colors]

I have an animation that the client would like in video format so I followed along  @OSUblake guide of how to create a gif using plunker. I managed to get everything together and operating but the frames I get for the gif have no styling, specifically fill colors for the svg elements so they just appear black. How can I fix this issue?

 

Current stage: http://plnkr.co/edit/bIbF20itbdtVnbeSlL5t?p=preview

See the Pen by edit (@edit) on CodePen

[My Timeline is not looping from the beginning]

Wow, thank you both! as you assumed it was the negative parameter offsetting.  I am going to look into your idea of the 2 second delay, @PointC

[My Timeline is not looping from the beginning]

Here I have the skateboard do an ollie (jump) and land with a 2seconds of riding before I want it to repeat, however the repeat is starting on step 2. (board is at an angle)

 

This is my first project so it could very well be a syntax error or spelling misstake on my part but any help would be greatly appreciated. Thanks

See the Pen BwGpEy by Pcooney13 (@Pcooney13) on CodePen