Атрибут attributeName задаёт имя свойства CSS или атрибута целевого элемента, которое будет изменено во время анимации.
Четыре элемента используют данный артибут: <animate>, <animateColor>, <animateTransform> и <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>
Контекст использования
| Значение | <name> |
|---|---|
| Значение по-умолчанию | None |
| Анимируемый | Нет |
<name>- Это значение задаёт имя свойства CSS или атрибута целевого элемента, которое будет анимировано.
Спецификиции
| Спецификация | Статус | Комментарий |
|---|---|---|
| SVG Animations Level 2 Определение 'attributeName' в этой спецификации. |
Редакторский черновик | Без изменений |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) Определение 'attributeName' в этой спецификации. |
Рекомендация | Изначальное определение |