Нативная анимация вращения с бесконечной итерацией не работает

Question

Я хочу вращать метку с бесконечной итерацией, в настоящее время она отлично работает на iOS устройствах, но на android она вращается только в течение 2 се c и затем останавливается.

Ниже мой CSS код

.fas {
    font-family: "Font Awesome 5 Free", "fa-solid-900";
    font-weight: 900;
}

.spin {
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

<Label text="rotate value" class="fas spin"></Label>

Answer 1

Я не уверен, если это ошибка, не могу ожидать, что {N} будет встроен в Браузеры, так как мы имеем дело с нативными элементами здесь. Взлом ниже, похоже, работает,

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