mozilla
Your Search Results

    animateTransform

    The animateTransform element animates a transformation attribute on a target element, thereby allowing animations to control translation, scaling, rotation and/or skewing.

    Usage context

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

    Example

    <?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" >
    
        <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>

    Live sample

    Attributes

    Global attributes

    Specific attributes

    DOM Interface

    This element implements the SVGAnimateTransformElement interface.

    Document Tags and Contributors

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