У меня есть анимация масштаба, которая работала в IE10 примерно на один день, а затем остановилась. Я не вносил никаких изменений и не уверен, что бы сломать его.IE10 - анимация CSS не работает
У кого-нибудь есть идеи? Когда я смотрю в средствах IE dev, он не подбирает имя анимации, а собирает все остальные свойства.
Вот 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;
}
Могу я спросить, почему вы используете не-IE расширений поставщика Внутри '@ -ms-keyframes', который очень четко читается только IE? –
Я копировал и вставлял в таблицу стилей и не удосужился убрать это. – dex3703
Вы также должны всегда заканчивать свой список свойств стандартами в соответствии с неподписанным. –