<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="500px" height="200px" viewBox="0 0 100 115" enable-background="new 0 0 200 200" xml:space="preserve" preserveAspectRatio="xMinYMax">
   <g class="my-group">
     <rect id="#box1" width="100" height="100">
       <animate attributeName="fill" from="#0066FF" to="#CC0000" dur="2s" repeatCount="indefinite" />
       <animateMotion path="M 0 0 L 500 0" 
           begin="click" dur="6s" />
     </rect> 
  </g>
  
</svg>