olya_097, CSS стилем изменять background-image нельзя. Так что 3 варианта:
1) Сделайте svg наоборот - чтобы внутри звездочка была прозрачная, а снаружи - закрашенная в цвет фона.
2) Вставлять svg не background-image-ем, а в DOM. Тогда можно будет править svg с помощью JS.
3) Сделать другой SVG - сразу с 5 звездами-масками и фоном, а управлять уже только фоном с помощью stroke-dashoffset.
Ну, можете попробовать установить приложение SoloLearn C#. Там хоть практические задачки есть.
Еще, как снизу написали, CodeWars - классный задачник с online IDE.
Тарас Богатырев, если бы она была белая - она была бы от самого Битрикса. А так да - есть решения в маркетплейсе. Очень интересно как они получают инфу.
1) Сделайте svg наоборот - чтобы внутри звездочка была прозрачная, а снаружи - закрашенная в цвет фона.
2) Вставлять svg не background-image-ем, а в DOM. Тогда можно будет править svg с помощью JS.
3) Сделать другой SVG - сразу с 5 звездами-масками и фоном, а управлять уже только фоном с помощью stroke-dashoffset.