CSS3でIE9対応のtransition

質問

以下のようにCSS3でマウスオーバー時に
だんだんと右に動くようにしたいのですが
何か方法はありませんでしょうか？

WEBで探してみたのですが、対応方法が見つかりませんでした。

なにとぞよろしくお願いいたします。

.cover {
background:gray;
width:180px;
height:100px;
position:absolute;
top:0;

-moz-transition:left 0.3s ease;
-webkit-transition:left 0.3s ease;
transition:left 0.3s ease;

}

.slideleft .cover {
left:0px;
}

.slideleft:hover .cover {
left:120px;
}

回答No.1

tenderfeel · ベストアンサー

悲しいことにCSS3 TransitionsのIEでのサポートは10からです。
IE9は未対応なのでどう頑張ってもCSSでの実装は不可能となっております。
「だんだん」というのを諦めるか、JavaScriptを使用するしかありません。

参考URL：

http://caniuse.com/#feat=css-transitions