В чем проблема анимации transform+js?

Question

[Леонид Горшков]

Не могу понять почему иконка сервиса Awesome не крутится как я указал в css.
#load_icon
l95863jp.beget.tech

Кратко, средствами js перед загрузкой всего я добавляю классы которые должны её крутить средствами css.
Помогите пожалуйста.
Css
Js

Answer 1

[webfln]

А как она будет крутится если самой анимации не существует?
Вам сначала нужно сделать keyframe в css

#load-icon {
animation: rotate 0.8s infinite linear;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

Answer 2

[Евгений]

Дык у вас она крутится, но один раз на 360 градусов. Используйте animate, чтобы постоянно крутилась

Answer 3

[Монти Пайтон]

https://tldrify.com/qui

img {
animation-iteration-count: infinite; Задаем количество повторений цикла — бесконечность.
}