SVG - Animate

About

The animate element in SVG permits to declaratively create animation

Example

<?xml version="1.0"?>
<svg width="120" height="120" viewBox="0 0 120 120" version="1.1"
     xmlns="http://www.w3.org/2000/svg">
  
  <rect x="10" y="10" width="100" height="100">
    <animate attributeType="XML" attributeName="x" from="-100" to="120"  dur="10s" repeatCount="indefinite"/>
  </rect>
</svg>

Software

Documentation / Reference


Powered by ComboStrap