Does Internet Explorer support CSS transitions?

Question

CSS transitions are a very neat way of animating changes in CSS properties. Do any versions of Internet Explorer support them?

Answer 1

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

Answer 2

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.

Answer 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.