Mam animację skali, która działała w IE10 przez około dzień, a następnie zatrzymał się. Nie wprowadziłem żadnych zmian i nie jestem pewien, co by się z tym stało.IE10 - animacja CSS nie działa
Czy ktoś ma jakieś pomysły? Kiedy patrzę na narzędzia IE dev, nie wychwytuję nazwy animacji, ale przechwytuję wszystkie pozostałe właściwości.
Oto CSS:
@-ms-keyframes move97
{
0% {
transform:scale(1,1);
-ms-transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
}
50% {
transform:scale(0.97,0.97);
-ms-transform:scale(0.97,0.97);
-moz-transform:scale(0.97,0.97);
-webkit-transform:scale(0.97,0.97);
-o-transform:scale(0.97,0.97);
}
100% {
transform:scale(1,1);
-ms-transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
}
}
.press97
{
-ms-animation-name: move97 0.2s; /* note MS has this different.... ugh */
animation: move97 0.2s;
-moz-animation: move97 0.2s; /* Firefox */
-webkit-animation: move97 0.2s; /* Safari and Chrome */
animation-timing-function: linear;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
}
Czy mogę zapytać, dlaczego używasz non-IE rozszerzeń dostawcy wewnątrz znakiem '@ -ms-keyframes' blok, który jest bardzo wyraźnie czytany tylko przez IE? –
Kopiuję i wklejam wewnątrz arkusza stylów i nie zadałem sobie trudu, aby to uporządkować. – dex3703
Powinieneś zawsze kończyć listę swoich nieruchomości zgodnie ze standardami zgodnie z ich niepotwierdzonymi. –