<svg width="350" height="120"> <circle cx="60" cy="60" r="30" style="fill: none; stroke: red;"> <animate attributeName="cx" attributeType="XML" begin="0s" dur="5s" repeatCount="2" from="60" to="260" fill="freeze"/> </circle> <circle cx="260" cy="90" r="30" style="fill: #ccf; stroke: black;"> <animate attributeName="cx" attributeType="XML" begin="0s" dur="5s" repeatDur="8s" from="260" to="60" fill="freeze"/> </circle> </svg>