开发者

Does Internet Explorer support CSS transitions?

CSS transitions are a very neat way of animating changes in C开发者_如何学CSS properties. Do any versions of Internet Explorer support them?


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.


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


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.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜