от

Атрибут from указывает начальное значение атрибута, которое будет изменяться во время анимации.

При использовании с атрибутом to, анимация будет изменять изменяемый атрибут со значения from на значение to. При использовании с атрибутом by, анимация будет изменять атрибут относительно значения from на величину, указанную в by.

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

Пример

html

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" height="100">
    <animate attributeName="width" fill="freeze" from="100" to="150" dur="3s" />
  </rect>
</svg>

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

Значение	См. ниже
Значение по умолчанию	Нет
Анимируемо	Нет

Точный тип значения для этого атрибута зависит от значения атрибута, который будет анимирован.

Когда список значений определен через атрибут values, атрибут from игнорируется.

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

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

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`From`	2	79	4	15	4	18	4	14	3.2	1.0	4.4

© 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/From