by

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 by-Attribut gibt einen relativen Versatzwert für ein Attribut an, das während einer Animation modifiziert wird.

Der Startwert für das Attribut wird entweder durch die Angabe als Wert für das im attributeName oder from-Attribut angegebene Attribut angegeben.

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" width="100" height="100">
    <animate attributeName="width" fill="freeze" by="50" dur="3s" />
  </rect>
</svg>

Nutzungshinweise

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 by-Attribut ignoriert.

Spezifikationen

Specification
SVG Animations Level 2
# ByAttribute

Browser-Kompatibilität