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>
<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> | Value | <name> |
|---|---|
| Default value | None |
| Animatable | No |
<name>| Specification | Status | Comment |
|---|---|---|
| SVG Animations Level 2 The definition of 'attributeName' in that specification. | Editor's Draft | No change |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'attributeName' in that specification. | Recommendation | Initial definition |
© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/attributeName