CSS transitions are a very neat way of animating changes in CSS properties. Do any versions of Internet Explorer support them?
As you've properly identified, Internet Explorer 9 was the last of the IE browsers to not support the transition property, or animations.
CSS3 Transitions element is supported by all Microsoft Edge browser.
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.
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
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With