Не работает анимация в Firefox (и не только в нем), как пофиксить?

Question

[tvsjke]

Есть svg-диаграмма для сеошников, формируется динамически с помощью js. Проблема в том, что анимация и transitions работают только в chrome. Вроде бы вендорных префиксов не нужно (с ними тоже не работает). Не могу понять, в чем проблема. Буду рад любой помощи/подсказкам. Спасибо

Сама диаграмма codepen.io/tvsjke/pen/OpVjON

Answer 1

[Дмитрий Пыркин]

надо дописать анимацию -moz- и -o-

Comments

[tvsjke]

Но ведь, согласно докуентации https://developer.mozilla.org/ru/docs/Web/CSS/CSS_..., этого делать не нужно (и для кейфреймов тоже)

[Дмитрий Пыркин]

tvsjke: посмотри поддержку браузеров

Answer 2

[tvsjke]

По поводу transition r (радиус) в Firefox разобрался - не поддерживается в svg 1.1

Но, теперь остался другой вопрос:

почему не срабатывает hover ? (опять же, только в Firefox)

.big-circle:hover {
//любое свойство
}

При чем, если вручную выставить hover на элементе через консоль, то все работает. При наведении мышью - нет.