"<animate>"

Animates an attribute of an element over time with interpolation.

Animates an attribute of an element over time with interpolation.

• DOM object: SVGAnimateElement
• SVG Animations spec: https://svgwg.org/specs/animations/#AnimateElement

<animate> supports multiple interpolation modes (linear, discrete, paced, spline) and can animate numeric values, colors, lengths, and other interpolable types.

Example usage:

<rect width="100" height="100" fill="red">
  <animate attributeName="opacity" from="1" to="0" dur="2s" />
</rect>