IE10で約1日働いていたスケールアニメーションが停止してしまいました。私は何も変更していないし、何が起こるか分からない。IE10 - CSSアニメーションが動作しない
誰にもアイデアはありますか? IEの開発ツールを見ると、アニメーション名は取得されませんが、その他のプロパティはすべて取得されています。ここで
は、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
あなたはまた、修正されていないものに基づいて、常に標準に従ってプロパティリストを終了する必要があります。 –