attributeName - SVG: Scalable Vector Graphics 编辑

The attributeName attribute indicates the name of the CSS property or attribute of the target element that is going to be changed during an animation.

Four elements are using this attribute: <animate>, <animateColor>, <animateTransform>, and <set>

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

<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>

Usage notes

<name>

This value indicates the name of the CSS property or attribute of the target element to be animated.

Specifications

See also

• SMIL Animation specification