Search notes:

SVG example: animate

<!DOCTYPE html>
<html>
<head>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
  <title>svg animate</title>
</head>
<body>

  <svg height="500" width="500">

    <rect  width="100" height="100" style="fill:rgb(255,127,0)">

        <animate attributeType="XML" attributeName="x" from="10" to="390" dur="1s"   repeatCount="indefinite" />
        <animate attributeType="XML" attributeName="y" from="10" to="390" dur="1.7s" repeatCount="indefinite" />

    </rect>

  </svg>

</body>
</html>

Github repository about-svg, path: /animate.html

SVG example: animate

See also