IE10 - CSS animation not working
animation, css, internet-explorer-10
Solution
Apparently the help link I was following isn't correct. When I change it to -ms-animation: move97 0.2s, it works. This is what I had originally and it did NOT work, so I changed it to what's shown above, which did.
Help link I followed: http://msdn.microsoft.com/library/ie/hh673530.aspx
I've been told it'll be corrected.
Problem
I have a scale animation that worked in IE10 for about a day and then stopped. I didn't make any changes and am not sure what would happen to break it. Does anyone have any ideas? When I look in the IE dev tools it's not picking up the animation name, but is picking up all the other properties. Here's the 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; } ```