Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

animateColor

Deprecated
This feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped. Do not use it in old or new projects. Pages or Web apps using it may break at any time.

Este elemento ficou obsoleto na Segunda Edição do SVG 1.1 e deverá ser removida das futuras versões do SVG. Este elemento fornece recursos ainda não disponíveis utilizando o elemento <animate> e não está implementado no Firefox e no Internet Explorer. Os autores devem utilizar o elemento <animate> em seu lugar.

O elemento animateColor especifica uma transformação de cor ao longo do tempo.

Contexto de uso

CategoriasElemento básico de forma, Elemento gráfico, Elemento de forma
Conteúdo permitidoQualquer número dos seguintes elementos, em qualquer ordem:
Elementos descritivos

Exemplo

Código fonte Resultado
<?xml version="1.0"?>
<svg width="120" height="120"  viewBox="0 0 120 120"
     xmlns="http://www.w3.org/2000/svg" version="1.1"
     xmlns:xlink="http://www.w3.org/1999/xlink" >

    <circle cx="60" cy="60" r="50">
        <animateColor attributeName="fill" 
                      attributeType="XML"
                      from="black"
                      to="red"
                      dur="6s"
                      repeatCount="indefinite"/>
    </circle>
</svg>

» animateColor.svg

Atributos

Atributos globais

Atributos específicos

Interface DOM

Este elemento implementa a interface do SVGAnimateColorElement.

Etiquetas do documento e colaboradores

 Colaboradores desta página: Sebastianz, caio
 Última atualização por: Sebastianz,