IE9 动画旋转 如何使用

Question

.leaf_01 { 
top:-5px;
left:-13px;
animation: swing ease-in-out 1.6s infinite alternate;  
transform-origin: center -20px;
}
@keyframes swing {
0% { transform: rotate(3deg); } 
100% { transform: rotate(-3deg); }
}

我会说英语很好对不起

我正在使用

IE9动画不支持，它在这里不起作用-ms-相同。

所以jquery动画尝试使用它不好

$(".leaf_01").css("transform","rotate(-3deg)"); 

像这样可用，但

叶子继续摇晃形状需要

动画 请如何使用.....

Answer 1

尝试像下面这样使用

$(".leaf_01").css({
'-moz-transform':'rotate(-3deg)',
'-webkit-transform':'rotate(-3deg)',
'-o-transform':'rotate(-3deg),
'-ms-transform':'rotate(-3deg)',
'transform': 'rotate(-3deg)'
});