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.

O elemento animateTransform anima a transformação de um atributo em um elemento alvo, permitindo assim as animações controlarem a movimentação, escala, rotação e/ou inclinação.

Contexto de uso

CategoriasElemento de animação
Conteúdo permitidoQualquer número dos seguintes elementos, em qualquer ordem:
Elementos descritivos

Exemplo

html
<?xml version="1.0"?>
<svg
  width="120"
  height="120"
  viewBox="0 0 120 120"
  xmlns="https://www.w3.org/2000/svg"
  version="1.1"
  xmlns:xlink="https://www.w3.org/1999/xlink">
  <polygon points="60,30 90,90 30,90">
    <animateTransform
      attributeName="transform"
      attributeType="XML"
      type="rotate"
      from="0 60 70"
      to="360 60 70"
      dur="10s"
      repeatCount="indefinite" />
  </polygon>
</svg>

Atributos

Atributos globais

Atributos específicos

Interface DOM

Este elemento implementa a interface do SVGAnimateTransformElement.