web-dev-qa-db-ja.com

Internet ExplorerはCSSの移行をサポートしていますか?

CSSトランジション は、CSSプロパティの変更をアニメーション化する非常に適切な方法です。 Internet Explorerのバージョンはそれらをサポートしていますか?

62
David Johnstone

リンク先のページには 互換性テーブル があります。

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)

Internet ExplorerでのCSS3移行に関するMSDN に関する記事もあります。

181
Pekka 웃

http://caniuse.com/ を使用して、html/css機能のサポートと互換性を確認することをお勧めします。市場シェアのほとんどのブラウザーのデータが表示されるためです。

遷移のリンクは次のとおりです。 http://caniuse.com/#search=transitions

IEの古いバージョンでは、豊富なwwwで見つけることができるさまざまなポリフィルがあります。

3
CatalinBerta

IE8には、CSSの変換および遷移に対するネイティブサポートはありません。

おそらく、使用可能なJavaScriptライブラリを使用して、このような効果を生成する必要があります。

  • www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/#more-896
  • www.jqueryui.com/effect/

トレードオフ:CSSトランジションは、ブラウザのネイティブグラフィックアクセラレーション(GPU)を利用するため、JavaScript効果を使用するよりもスムーズです。

2
rach8garg