我需要知道如何在 CSS 中制作没有图像的 Android Holo 加载旋转器。我尝试过，但我不知道该怎么做。这就是我需要的（动画，就像在 Android 中一样）：
我怎样才能在没有图像的CSS中做到这一点？
没有图像我似乎也无法做到。
我成功地复制了全息旋转器按照 AOSP 中的定义 https://github.com/android/platform_frameworks_base/blob/master/core/res/res/drawable/progress_medium_holo.xml只有两张图片outer http://yuku-android-util.googlecode.com/git-history/148f949b61febb228e564f36af3a8956814a090c/ActionBarSherlock4/res/drawable-xhdpi/abs__spinner_48_outer_holo.png and inner http://yuku-android-util.googlecode.com/git-history/148f949b61febb228e564f36af3a8956814a090c/ActionBarSherlock4/res/drawable-xhdpi/abs__spinner_48_inner_holo.png梯度。这是一把小提琴。 http://jsfiddle.net/MattiasBuelens/T2XAx/
问题在于，这两个图像具有“极性”渐变：它们从 0° 的一种颜色开始，在绕一圈时逐渐混合成第二种颜色。两种颜色相交处的 0° 处颜色发生急剧变化。我不知道是否有任何方法可以在 CSS 中创建这样的渐变linear-gradients or radial-gradients.
UPDATE我在没有图像的情况下工作，耶！看看小提琴。 http://jsfiddle.net/MattiasBuelens/pTvmW/
我使用线性梯度的两半来近似每个极梯度。这种方法的一些缺点：
- 褪色效果并不完美。颜色沿着垂直轴而不是沿着角度褪色。
- 两半在底部相遇的地方有一个小故障，因为它们为同一水平线上的点提供了稍微不同的颜色。随着旋转器的行程宽度增加，这一点变得更加明显。
对于小型旋转器 - 这是常见的用例 - 它工作得很好，而且看起来很棒！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
