2013-05-13 55 views
1

我试图创建一个动画文字与HTML5。这是怎么回事。例如,我有一个词电话。我希望每个字母都以特定的颜色动画出现。然而,在参观了这么多的教程后,我似乎找不到任何教程。我只发现文字阴影,例如, http://www.w3.org/Style/Examples/007/text-shadow.en.html动画文字与CSS

这将是很好,如果任何人有这样的动画任何教程。

+0

这是哪门子此网站问题是错误的。在网络上走出去,找到你认为你需要的东西,如果你在实现你的解决方案时发现**特定的问题,那就回到这里。 – George 2013-05-13 09:02:34

+0

事情是我一直在寻找最后2个小时,我仍然没有找到任何合适的教程。所有这些都只是文字阴影和文字阴影的一些修改而已。 – 2013-05-13 09:04:18

+0

这里是关键帧动画一个很好的资源:http://coding.smashingmagazine.com/2011/05/17/an-introduction-to-css3-keyframe-animations/ – 2013-05-13 09:11:48

回答

3

下面是一个例子使用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