Question

与此问题相关：Android Holo loading spinner in CSS我注意到已接受的答案的第一个例子，带有图片的例子，对Chrome不起作用（我只看到静态灰色环）它适用于Firefox和IE 11.

即使问题的目的是让一个没有图像的微调器，并且两者都非常好，我发现第一个看起来稍微好看（在Firefox上，就是这样）并且我想使用它但是我不喜欢不知道为什么它不能使用chrome，我想知道是否有修复，以备将来参考（所以我知道要避免什么和/或如何修复它）并知道如果我必须坚持没有图像的那个

我的Chrome版本是42.0.2311.90（32位）

Answer 1

由于我假设两个微调器都是正确的，我没有意识到它缺少webkit-keyframes属性。今天我又一次看了css并偶然注意到css微调器有它，而基于图像的旋转器没有。将此添加到基于图像的微调器css工作

@-webkit-keyframes rotate-outer {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(1080deg);
    }
}

@-webkit-keyframes rotate-inner {
    0% {
        -webkit-transform: rotate(720deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

具有图像的Holo微调器示例在纯CSS的情况下不起作用

1 个答案: