Does Internet Explorer support CSS transitions?
Solution 1:
The page you link to has a compatibility table.
Chrome
1.0 (-webkit prefix)
Firefox
4.0 (2.0) (-moz prefix)
16.0 (16.0) (no prefix)
Internet Explorer
10.0 (no prefix)
Opera
10.5 (-o prefix)
12.0 (no prefix)
Safari
3.2 (-webkit prefix)
There is also an article on MSDN about CSS3 transitions in Internet Explorer.
Solution 2:
I recommend using http://caniuse.com/ to check the support and compatibility of html/css features, as it will display data of most browsers on the market share.
Here's the link for transitions: http://caniuse.com/#search=transitions
For older versions of IE, there are various polyfills which you can find on the rich www
Solution 3:
There is no native support to CSS transforms and transitions in IE8.
Perhaps you need to go with some available JavaScript libraries to produce such effects:
- www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/#more-896
- www.jqueryui.com/effect/
A trade-off : CSS transitions take advantage of native graphic acceleration of browser (GPU) and thus are smoother than using JavaScript effects.