IE10 - Hoạt ảnh CSS không hoạt động

Question

Tôi có một hoạt ảnh ở quy mô hoạt động trong IE10 trong khoảng một ngày và sau đó dừng lại. Tôi không thực hiện bất kỳ thay đổi nào và không chắc chắn điều gì sẽ xảy ra để phá vỡ nó.

Có ai có ý tưởng nào không? Khi tôi nhìn vào các công cụ phát triển trình duyệt IE, nó không chọn tên hoạt ảnh, nhưng đang chọn tất cả các thuộc tính khác.

Đây là 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; 
} 

Answer 1

Rõ ràng vào liên kết giúp đỡ tôi sau đây là không đúng. Khi tôi thay đổi nó thành -ms-animation: move97 0.2s, nó hoạt động. Đây là những gì tôi đã có ban đầu và nó đã không làm việc, vì vậy tôi đã thay đổi nó để những gì được hiển thị ở trên, mà đã làm.

Trợ giúp liên kết Tôi sau: http://msdn.microsoft.com/library/ie/hh673530.aspx

Tôi đã nói với nó sẽ được sửa chữa.

Answer 2

Cú pháp chuẩn là supported in Internet Explorer 10 mà không cần tiền tố -ms trên khai báo khung hình chính, cũng như trên thuộc tính animation-name. Trong thực tế, IE10, giống như các sản phẩm nhà cung cấp khác, hỗ trợ viết tắt animation hữu, hoặc riêng cũng như:

@keyframes myanimation { 
    0% { color: black; } 
    80% { color: gold; transform: translate(20px,20px); } 
    100% { color: black; translate(0,0); } 
} 

#anim { 
    display: inline-block; 
    animation: myanimation 5s 5; /* use myanimation 5s duration, 5 times */ 
} 

Fiddle: http://jsfiddle.net/ZfJ4Z/1/