mozilla
Your Search Results

    to

    This article is in need of a technical review.

    « SVG Attribute reference home

    This attribute indicates the final value of the attribute that will be modified during the animation. The value of the attribute will change between the from attribute value and this value. By default the change will be linear.

    When this attribute is used with the <set> element, it specifies the value for the attribute during the duration of the <set> element.

    Usage context

    Categories Animation value attribute
    Value <value>
    Animatable No
    Normative document SVG 1.1 (2nd Edition)
    SVG 1.1 (2nd Edition) : The set element

    The exact value type for this attribute depend on the value of the attribute that will be animated.

    Example

    This example uses a value of 150 for the to attribute, so the shape will animate to a height of 150.

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

    Elements

    The following elements can use the to attribute

    Document Tags and Contributors

    Contributors to this page: SueSmith, sebmozilla, Jeremie
    Last updated by: SueSmith,