mozilla
Your Search Results

    animateColor

    Deprecated
    This feature has been removed from the Web. 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.

    This element has been deprecated in SVG 1.1 Second Edition and may be removed in a future version of SVG. It provides no features not already available by using the <animate> element and is not implemented in Firefox nor Internet Explorer. Authors should use the <animate> element instead.

    The animateColor element specifies a color transformation over time.

    Usage context

    Categories Basic shape element, Graphics element, Shape element
    Permitted content Any number of the following elements, in any order:
    Descriptive elements »
    Normative document SVG 1.1 (2nd Edition)

    Example

    Source code Output result
    <?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

    Attributes

    Global attributes

    Specific attributes

    DOM Interface

    This element implements the SVGAnimateColorElement interface.

    Document Tags and Contributors

    Contributors to this page: trevorh, Jeremie, birtles, kscarfone
    Last updated by: kscarfone,