Как сделать анимацию svg средствами css?

Question

[Raneto4ka]

Есть шкала рейтинга, по клику на любую звезду она должна немного пульсировать. Плюс заливка цветом при наведении на звезды должны быть более плавной.
Проблема в том, что на тег svg не срабатывают css свойства анимации. И на теге path тоже почему-то не работают https://codepen.io/Raneto4ka/pen/rbXGpz

Буду очень признательна, если кто подскажет почему не получается

Answer 1

[RAX7]

Для пульсирования используй @keyframes, для всего остального хватит transition
https://codepen.io/anon/pen/bJXXqK

Comments

[Raneto4ka]

Спасибо! Я поняла!

Answer 2

[Владимир]

https://css-tricks.com/animating-svg-css/