attributeName
SVG Elements
- A
- B-C
- D
- E
- F
<feBlend>
<feColorMatrix>
<feComponentTransfer>
<feComposite>
<feConvolveMatrix>
<feDiffuseLighting>
<feDisplacementMap>
<feDistantLight>
<feFlood>
<feFuncA>
<feFuncB>
<feFuncG>
<feFuncR>
<feGaussianBlur>
<feImage>
<feMerge>
<feMergeNode>
<feMorphology>
<feOffset>
<fePointLight>
<feSpecularLighting>
<feSpotLight>
<feTile>
<feTurbulence>
<filter>
<font>
<font-face>
<font-face-format>
<font-face-name>
<font-face-src>
<font-face-uri>
<foreignObject>
- G
- H
- I
- J-L
- M
- N-P
- Q-R
- S
- T
- U
- V-Z
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.
You can use this attribute with the following SVG elements:
Example
<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
Value | <name> |
---|---|
Default value | None |
Animatable | No |
<name>
-
This value indicates the name of the CSS property or attribute of the target element to be animated.
Specifications
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 |