永发信息网

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

答案:2  悬赏:20  手机版
解决时间 2021-03-23 05:54
  • 提问者网友:我们很暧昧
  • 2021-03-22 19:25
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:







最佳答案
  • 五星知识达人网友:末日狂欢
  • 2021-01-30 06:18
浏览器是IE,那就别想什么CSS3啦。改用JS控制吧。windows自己都要抛弃IE了,改用Edge浏览器了
全部回答
  • 1楼网友:逃夭
  • 2019-06-12 02:38
可以用第三方的js动画引擎代替
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯