Animates a target element's transform over time.

DOM object: SVGAnimateTransformElement
SVG Animations spec: https://svgwg.org/specs/animations/#AnimateTransformElement

Warning: Animation support is experimental. Parse with SVGParser::Options::enableExperimental = true to create an SVGAnimateTransformElement.

The type attribute selects translate, scale, rotate, skewX, or skewY. Donner interpolates from/to, from/by, by, and semicolon-separated values forms.

Example

<rect x="20" y="20" width="70" height="40" fill="#0f766e">
  <animateTransform attributeName="transform" type="rotate"
                    from="0 55 40" to="90 55 40"
                    dur="2s" fill="freeze" />
</rect>

Supported attributes

Attribute	Support
type	translate, scale, rotate, skewX, or skewY.
from, to, by, values	Transform keyframes in the selected type's number format.
href, xlink:href	Optional target; otherwise the parent element is targeted.
Shared timing	begin, dur, end, fill, repeatCount, repeatDur, restart, min, and max.

Event and syncbase begin/end expressions are not resolved yet. See <animate> for shared timing behavior and limitations.