animateTransform
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since janeiro de 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
| Categorias | Elemento de animação |
|---|---|
| Conteúdo permitido | Qualquer 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.