IE10 - La animación CSS no funciona

Question

Tengo una animación de escala que funcionó en IE10 durante aproximadamente un día y luego se detuvo. No hice ningún cambio y no estoy seguro de qué sucedería para romperlo.

¿Alguien tiene alguna idea? Cuando miro en las herramientas de desarrollo de IE no está recogiendo el nombre de la animación, pero está recogiendo todas las otras propiedades.

Aquí está el 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

Al parecer el enlace de ayuda que estaba siguiendo no es correcto. Cuando lo cambio a -ms-animation: move97 0.2s, funciona. Esto es lo que tenía originalmente y NO funcionó, así que lo cambié a lo que se muestra arriba, y lo hice.

enlace Ayuda que siguió: http://msdn.microsoft.com/library/ie/hh673530.aspx

Me han dicho que va a ser corregida.

Answer 2

La sintaxis estándar es supported in Internet Explorer 10 sin necesidad del prefijo -ms en la declaración de fotogramas clave, ni en la propiedad animation-name. De hecho, IE10, al igual que los demás productos de proveedores, apoya la animation propiedad abreviada, individual:

@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 */ 
} 

violín: http://jsfiddle.net/ZfJ4Z/1/