to

Das to-Attribut gibt den Endwert des Attributs an, der während der Animation geändert wird.

Der Wert des Attributs wird zwischen dem Wert des from-Attributs und diesem Wert geändert.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Beispiel

html,
body,
svg {
  height: 100%;
}

html

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

animate, animateMotion, animateTransform

Für <animate>, <animateMotion> und <animateTransform> gibt to den Endwert der Animation an.

Wert	`<value>`
Standardwert	Keiner
Animierbar	Nein

Der genaue Werttyp für dieses Attribut hängt vom Wert des Attributs ab, das animiert werden soll.

Wenn eine Liste von Werten über das values-Attribut definiert ist, wird das to-Attribut ignoriert.

set

Für das <set>-Element gibt to den Wert für das Attribut während der Dauer des Elements an.

Wert	`<value>`
Standardwert	Keiner
Animierbar	Nein

Der genaue Werttyp für dieses Attribut hängt vom Wert des Attributs ab, das animiert werden soll.

Spezifikationen

Specification
SVG Animations Level 2 # SetElementToAttribute
SVG Animations Level 2 # ToAttribute