В каких браузерах работает анимация css, кроме потока javascript? - PullRequest
Новая
       13

В каких браузерах работает анимация css, кроме потока javascript?

0 голосов
/ 21 сентября 2018

Я задаю этот вопрос браузерам с версиями, одинаковыми или выше:

  • IE 11
  • Chorme 69
  • Firefox 62

У меня есть простая анимация css, которая отлично работает во всех вышеперечисленных браузерах: 

span.loader {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 1px solid rgba(0,0,0, 0.08);
    border-right: 1px solid rgba(0,0,0, 0.08);
    border-bottom: 1px solid rgba(0,0,0, 0.08);
    border-left: 1px solid rgba(0,0,0, 0.5);
    border-radius: 50%;
    animation: spinner 700ms infinite linear;
    z-index: 100001;
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

Когда я запускаю эту анимацию и выполняю некоторые дорогие JavaScript-остановки, анимация останавливается в IE11, но не в Chrome или Firefox.

Означает ли это, что FF и Chrome запускают анимации CSS в отдельном потоке, кроме потока JavaScript, а IE нет?Я что-то упустил?

IT Man

...