animate

O elemento animate é colocado dentro de um elemento de forma e define como um atributo de um elemento muda de acordo com a animação. O atributo irá mudar do valor inicial para o valor final, dentro da duração especificado

Contexto de uso

Exemplo

<?xml version="1.0"?>
<svg width="120" height="120" 
     viewPort="0 0 120 120" version="1.1"
     xmlns="http://www.w3.org/2000/svg">
	
    <rect x="10" y="10" width="100" height="100">
        <animate attributeType="XML"
                 attributeName="x"
                 from="-100" to="120"
                 dur="10s"
                 repeatCount="indefinite"/>
    </rect>
	
</svg>

» animate.svg

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

• attributeName
• attributeType
• from
• to
• dur
• repeatCount

Interface DOM

Este elemento implementa a interface do SVGAnimateElement.

Compatibilidade dos navegadores

A tabela é baseada nessas fontes.