CSS动画文本

Question

我正在尝试使用html5创建动画文本。这是怎么回事。 例如，我有一个单词电话。我希望每个字母表都带有特定的颜色动画。但是在访问了这么多教程后，我似乎无法找到它们中的任何一个。我只找到了文字阴影，例如， http://www.w3.org/Style/Examples/007/text-shadow.en.html

如果有人有关于这种动画的任何教程，那就太好了。

Answer 1

以下是使用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;}
    }

Working Demo

阅读有关更多浏览器兼容性版本的css动画

我仍然同意这里可能缺乏研究，这里有一些链接谷歌帮助你

Link 1

Link 2

Link 3