<animateTransform>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨January 2020⁩.

The <animateTransform> SVG element animates a transformation attribute on its target element, thereby allowing animations to control translation, scaling, rotation, and/or skewing.

Usage context

CategoriesAnimation element
Permitted contentAny number of the following elements, in any order:
Descriptive elements

Example

Attributes

DOM Interface

This element implements the SVGAnimateTransformElement interface.

Specifications

Specification
SVG Animations Level 2
# AnimateTransformElement

Browser compatibility