Quote Originally Posted by Egg Bramhill View Post
Cheers Acorn, I went on a bit and animated a line. I wanted to try it on an arc but couldn't so I cheated and hid the bottom of an oval with a section of the background photo.
Egg, not a solution to your arc issue but here are a range of lines that are animated by one piece of @keyframes code.

You need to look at the perimeter of each but basically I tuned the CSS to produce an arc half the length of the circles.
Therefore for the other shapes, their Perimeters will not show as half an arc.

The point I am making is performing the animation directly on a Xara shapes with a line and its attributes set within Xara is a better experience than having to deal with the arcanery of SVG internals.

SVG-CSS - Animated Lines.xar

Acorn