CSSトランジション は、CSSプロパティの変更をアニメーション化する非常に適切な方法です。 Internet Explorerのバージョンはそれらをサポートしていますか?
リンク先のページには 互換性テーブル があります。
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 に関する記事もあります。
http://caniuse.com/ を使用して、html/css機能のサポートと互換性を確認することをお勧めします。市場シェアのほとんどのブラウザーのデータが表示されるためです。
遷移のリンクは次のとおりです。 http://caniuse.com/#search=transitions
IEの古いバージョンでは、豊富なwwwで見つけることができるさまざまなポリフィルがあります。
IE8には、CSSの変換および遷移に対するネイティブサポートはありません。
おそらく、使用可能なJavaScriptライブラリを使用して、このような効果を生成する必要があります。
トレードオフ:CSSトランジションは、ブラウザのネイティブグラフィックアクセラレーション(GPU)を利用するため、JavaScript効果を使用するよりもスムーズです。