我正在尝试使用 html5 创建动画文本。这是怎么回事。例如,我有一个单词电话。我希望每个字母都以特定的颜色动画出现。然而,在访问了这么多教程之后,我似乎找不到任何一个。我只找到了 text-shadow,例如, http://www.w3.org/Style/Examples/007/text-shadow.en.html
如果有人有关于这种动画的任何教程,那就太好了。
我正在尝试使用 html5 创建动画文本。这是怎么回事。例如,我有一个单词电话。我希望每个字母都以特定的颜色动画出现。然而,在访问了这么多教程之后,我似乎找不到任何一个。我只找到了 text-shadow,例如, http://www.w3.org/Style/Examples/007/text-shadow.en.html
如果有人有关于这种动画的任何教程,那就太好了。
这是使用 CSS3 @keyframes 的示例
.letterA{
animation:letterA 0.5s infinite;
-webkit-animation:letterA 0.5s infinite; /* Safari and Chrome */
}
@keyframes letterA{
from {color:red;}
to {color:blue;}
}
@-webkit-keyframes LetterA /* Safari and Chrome */{
from {color:red;}
to {color:blue;}
}
阅读 css Animations 以获得更多浏览器兼容性版本
我仍然同意这里可能缺乏研究,这里有一些谷歌链接可以帮助你