Анимация на SVG не работает в Firefox и Safari ⇐ Html

[Anonymous]

У меня есть переходная анимация, которую я хочу запустить ширину элемента SVG внутри группы. Анимация, кажется, работает только в браузере Chrome. < /P>

Код: Выделить всё

setTimeout(() => {
document.getElementById('rect-1').classList.add('grow');
document.getElementById('rect-2').classList.add('grow');
}, 1000)< /code>
.grow {
transition: 3s;
width: 10px;
}< /code>
rect

transition (works):

Код: Выделить всё

rect

in

Код: Выделить всё

defs

transition (

Код: Выделить всё

use

s only animate in Chrome):










< /code>
< /div>
< /div>
< /p>
, чтобы воспроизвести это скрипку в сафари или Firefox.
Вы увидите, что переход второго прямоугольника не работает должным образом.>

Подробнее здесь: https://stackoverflow.com/questions/600 ... fox-safari