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
<?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>
Resultado
Atributos
Atributos globais
- Atributos de processamento condicional »
- Atributos principais »
- Atributos de eventos da animação »
- Atributos XLink »
- Atributos de destino do atributo da animação »
- Atributos de cronometragem da animação »
- Atributos de valor de animação »
- Atributos de animação adicionais »
externalResourcesRequired
Atributos específicos
Interface DOM
Este elemento implementa a interface do SVGAnimateTransformElement
.
Etiquetas do documento e colaboradores
Etiquetas:
Colaboradores desta página:
Sebastianz,
caio
Última atualização por:
Sebastianz,