Почему одна переменная применяется, а другая — нет?

Question

[Анатолий]

Почему --fill применяется, а --rotate - нет?

Comments

[Анатолий]

DivineDraft, я использую спрайт и обращаюсь к картинке, как:
sprites.svg#hand

Можно конечно картинке дописать класс, а это уже костыль. Хотя в принципе тоже рабочий вариант.

А что с переменной-то не так, вроде вопрос простой, но ответа не видно ((

[Анатолий]

lagudal, пишите ответом, отмечу решением.

Answer 1

[lagudal]

Анатолий,
тут дьявол в деталях.
У вас transform - не является style аттрибутом.
К fill вы можете обращаться через css, к заданному у вас аттрибуту transform - нет.
Т.е. вы можете крутить в css c таким же названием transform, но крутите элементы непосредственно в svg, a не в спрайте, и тогда уже не забыть добавить deg

<style>
element: transform: rotate(180deg);
</style>

т.е. если вы хотите именно с переменными, то вот так где то

https://codepen.io/lagudal/pen/JjNddKZ?editors=1100