from

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Das from-Attribut gibt den Anfangswert des Attributs an, das während der Animation verändert wird.

Wenn es zusammen mit dem to-Attribut verwendet wird, ändert die Animation das modifizierte Attribut vom from-Wert zum to-Wert. Wird es mit dem by-Attribut verwendet, verändert die Animation das Attribut relativ vom from-Wert um den im by-Attribut angegebenen Wert.

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

Beispiel

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

Anwendungshinweise

Wert Siehe unten
Standardwert Keiner
Animierbar Nein

Der genaue Wertetyp 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 from-Attribut ignoriert.

Spezifikationen

Specification
SVG Animations Level 2
# FromAttribute

Browser-Kompatibilität