2013-05-13 65 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