css3為animation動畫提供的幾個屬性如下：
animation-name:指定動畫名稱，該屬性指定乙個已有的關鍵幀定義。
animation-duration:指定動畫持續時間。
animation-timing-funtion:指定動畫變化速度。
animation-delay：指定動畫延遲多長時間才開始執行。
animation-iteration-count：指定動畫的迴圈執行次數。
animation:這是乙個復合屬性。
該屬性的格式為：animation:animation-name animation-duration animation-timing-function animation-delay animation-iteration-count.
keyframes(關鍵幀)：計算機動畫術語， 幀----就是動畫中最小單位的單幅影像畫面，相當於電影膠片上的每一格鏡頭。在動畫軟體的時間軸上幀表現為一格或乙個標記。
關鍵幀——相當於二維動畫中的原畫。指角色或者物體運動或變化中的關鍵動作所處的那一幀。關鍵幀與關鍵幀之間的動畫可以由軟體來建立，叫做過渡幀或者中間幀。
keyframes被稱為關鍵幀，其類似於flash中的關鍵幀。在css3中其主要以「@keyframes」開頭，後面緊跟著是動畫名稱加上一對花括號「」，括號中就是一些不同時間段樣式規則。
@keyframes changecolor
50%100%
}在乙個「@keyframes」中的樣式規則可以由多個百分比構成的，
如在「0%」到「100%」之間建立更多個百分比，分別給每個百分比中給需要有動畫效果的元素加上不同的樣式，
從而達到一種在不斷變化的效果。
CSS3動畫 keyframes基礎
動畫的本質是快速切換大量時在人腦中形成的具有連續性的畫面，我們將形成連續性畫面的任意一張稱為楨或動畫幀，它是構成動畫的最小單元，css 中專門提供了建立動畫幀的屬性，並以此為基礎在網頁中建立動畫。keyframes是 css 中提供的專門用於定義動畫關鍵幀的語法詞 關鍵幀序列 keyframes m...
css3動畫系列之 keyframes規則
keyframes 規則用於建立動畫。在 keyframes 中規定某項 css 樣式，就能建立由當前樣式逐漸改為新樣式的動畫效果。css div 常見動畫規則case為背景色由紅色變為藍色 webkit keyframes caseto 將以上css 加入到頁面中就可以看到效果啦o o 注 key...
CSS3 keyframes動畫規則
w3cschool標準css使用語法 keyframes 針對不同瀏覽器相容 keyframes mymove to moz keyframes mymove firefox to webkit keyframes mymove safari 和 chrome to o keyframes mymo...