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 Offsetwert für ein Attribut an, das während einer Animation geändert wird.

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

Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:

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

Nutzungshinweise

Wert	Siehe unten
Standardwert	Keiner
Animierbar	Nein

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

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

Spezifikationen

Specification
SVG Animations Level 2 # ByAttribute

Browser-Kompatibilität

BCD tables only load in the browser