Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Does Internet Explorer support CSS transitions?

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

like image 911
David Johnstone Avatar asked Feb 24 '11 10:02

David Johnstone


People also ask

Does Internet Explorer 9 support transition properties?

As you've properly identified, Internet Explorer 9 was the last of the IE browsers to not support the transition property, or animations.

Which browser can support the transition property?

CSS3 Transitions element is supported by all Microsoft Edge browser.

Is CSS transition only for hover?

But transitions are not just limited to use with :hover . You can animate CSS properties, thus use CSS transitions without hover. This is done via transitions using some other CSS techniques, a number of which I've outlined below.


2 Answers

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

like image 38
CatalinBerta Avatar answered Sep 28 '22 00:09

CatalinBerta


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.

like image 59
Pekka Avatar answered Sep 28 '22 02:09

Pekka