我已在自定义图标字体中创建了12个字形来表示加载微调器(OSX/iOS风格)的每个刻度。动画图标字体微调器
的标记看起来像这样
<div class="spinner">
<span class="c1"></span>
...
<span class="c12"></span>
</div>
这里的CSS
.spinner {
font-family: "nvicons";
font-size: 24px;
letter-spacing: -1em;
.c1 {
color: #eee;
}
...
.c12 {
color: #222;
}
}
现在我想动画的颜色,如果剔字形,但不幸的是,color
CSS属性似乎不是动画和background
在这种情况下似乎没有帮助。此外,我没有找到一种方法来使用关键帧进行动画制作,因为动画很流畅,而且不像我需要的那样前卫。
有没有可能为CSS设置动画效果?我需要做的是以某种方式循环颜色,我真的想避免JS。
没有标记/ css我不明白你的答案。您可以假设预先旋转的刻度是unicode值'f001'到'f012'。 – 2013-02-16 00:38:05
你的答案正是我所说的......而且这很棒,很好的工作! – 2013-02-16 15:37:52
应该有发布的代码;) – 2013-02-16 16:29:43