attributeName

Атрибут attributeName указывает имя свойства или атрибута CSS целевого элемента, которое будет изменено во время анимации.

Вы можете использовать этот атрибут со следующими элементами SVG:

Пример

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>

Примечания по использованию

Значение	`<name>`
Значение по умолчанию	Нет
Анимируемо	Нет

<name>: Это значение указывает имя свойства или атрибута CSS целевого элемента, который должен быть анимирован.

Спецификации

Спецификация
Анимации SVG уровень 2 # AttributeNameAttribute

См. также

Спецификация анимации SMIL

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/attributeName