它是乙個動畫復合屬性，有以下的屬性
animation-name ：動畫名稱
animation-duration ：動畫的持續時間
animation-timing-function ：動畫的過渡型別，運動函式
animation-delay ：動畫延遲的時間
animation-iteration-count ：動畫的迴圈次數
animation-direction：動畫在迴圈中是否反向運動
animation-fill-mode：動畫結束後的狀態
animation-play-state：動畫狀態
需要配合@keyframes關鍵幀使用
@keyframes run25%
50%75%
100%
/* 100%可以寫to */
}@keyframes run225%
50%75%
100%
}div
<
/div>animation-fill-mode:forward;在這裡，動畫結束後，保持兩個動畫的最後一幀的狀態。
/steps()步數代表每一段動畫的步數 跳轉不是流暢的過渡
end 保留當前幀狀態，直到動畫狀態結束
start 保留下一幀狀態 直到…
steps(1,end) === step-end
steps(1,start) === step-start
運動函式講解
CSS3中的animation詳解
keyframes具有其自己的語法規則，他的命名是由 keyframes 開頭，後面緊接著是這個 動畫的名稱 加上一對花括號 括號中就是一些不同時間段樣式規則，有點像我們css的樣式寫法一樣。對於乙個 keyframes 中的樣式規則是由多個百分比構成的，如 0 到 100 之間，我們可以在這個規則...
CSS3中的animation動畫
animation實現乙個屬性值得動畫 背景變換 滑鼠經過 總結 而他的幀集合也需要寫核心字首，就會有四個不同的 webkit keyfranmes moz keyfranmes ms keyfranmes o keyfranmes.然後，hover模式中每乙個帶著animation的屬性前也要加核...
css3動畫 animation屬性
keyframes具有其自己的語法規則，他的命名是由 keyframes 開頭，後面緊接著是這個 動畫的名稱 加上一對花括號 括號中就是一些不同時間段樣式規則，有點像我們css的樣式寫法一樣。對於乙個 keyframes 中的樣式規則是由多個百分比構成的，如 0 到 100 之間，我們可以在這個規則...