Прикладная анимация не работает в IE 11 - PullRequest
Новая
       33

Прикладная анимация не работает в IE 11

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

Ниже моя часть .css, где я применил некоторые анимации к элементу 'cog': 

 .active-svg #cog {
    animation: cog 5s linear infinite;
    transform-origin: 75% 75%;
}

@keyframes cog {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-ms-keyframes cog {

    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

Он отлично работает в FF и Chrome, и даже после проверки этого конкретного элемента в IE он присутствует там, но в отличие от других браузеров он не анимируется. Любая идея о том, почему это не анимация, хотя она применяется?

1 Ответ

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

Отлично работает в IE 11. 

<!DOCTYPE html>
<html>
<head>
<style> 
div {
    width: 100px;
    height: 100px;
    background-color: red;
    animation: example 5s linear infinite;
	transform-origin: 75% 75%;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Standard syntax */
@keyframes example {
    
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}
</style>
</head>
<body>

<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>

<div></div>


</body>
</html>
...