attributeName

Das attributeName-Attribut gibt den Namen der CSS-Eigenschaft oder des Attributs des Zielelements an, das während einer Animation geändert werden soll.

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

<animate>
<animateTransform>
<set>

Beispiel

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

html

<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg">
  <rect x="50" y="50" width="100" height="100">
    <animate
      attributeType="XML"
      attributeName="y"
      from="0"
      to="50"
      dur="5s"
      repeatCount="indefinite" />
  </rect>
</svg>

Nutzungshinweise

Wert	`<name>`
Standardwert	Keiner
Animierbar	Nein

<name>: Dieser Wert gibt den Namen der CSS-Eigenschaft oder des Attributs des Zielelements an, das animiert werden soll.

Spezifikationen

Specification
SVG Animations Level 2 # AttributeNameAttribute

Siehe auch

SMIL Animation specification