IE10 - animação CSS não funciona
Eu tenho uma animação de escala que funcionou no IE10 por cerca de um dia e depois parou. Eu não fiz nenhuma alteração e não tenho certeza do que aconteceria para quebrá-la.
Alguém tem alguma idéia? Quando eu olho nas ferramentas de desenvolvimento do IE, ele não está pegando o nome da animação, mas está pegando todas as outras propriedades.
Aqui está o CSS:
<code>@-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; } </code>