css3 loading动画在ie下会抖动怎么解决~

css:
.loading { background-color:#ccc; border-color:#0066cc; border-radius:100%; border-style:solid; border-width:0 15px 0 0; height:30px; border-radius:100%; position:absolute; width:15px; overflow: hidden;}
.loading-box{width: 30px;height: 30px;animation-name:anim;animation-duration:3s;animation-timing-function:ease-out;animation-delay:2s; animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate; }
.loading.loading-two{animation-name:anim3;animation-duration:1s;animation-timing-function:ease-in-out;animation-delay:0; animation-iteration-count:infinite;
animation-fill-mode:forwards; animation-direction:alternate;}
@keyframes anim {
from { transform:rotateZ(0deg); }
to { transform:rotateZ(360deg); }
}
@keyframes anim3 {
from { transform:rotateY(0deg); }
to { transform:rotateY(180deg); }
}
html:

浏览器是IE，那就别想什么CSS3啦。改用JS控制吧。windows自己都要抛弃IE了，改用Edge浏览器了

可以用第三方的js动画引擎代替