animation-delay
這個屬性是規定動畫開始前等待幾秒才開始。本來是很好理解的，但是當時就有個疑問：假如我的動畫是連續執行好多次的情況下的話，是第一次執行前才會延遲還是每次執行前都會延遲呢？答案是：只有第一次會。
animation-fill-mode
該屬性有四個值
none：預設值。不設定物件動畫之外的狀態
forwards：設定物件狀態為動畫結束時的狀態
backwards：設定物件狀態為動畫開始時的狀態
both：設定物件狀態為動畫結束或開始的狀態
一開始比較糾結著三個到底有什麼區別。網上也找了，發現網上說的有點錯誤。起碼我試了一下forwards和both的效果是一模一樣的。都是動畫執行完了停在**就是**。至於backwards，就是總停在一開始的狀態。
兩段**主要說明在forwards和both的情況下動畫在設定了反向執行偶次數時，效果仍然一樣。因為之前看到網上說的是forwards在偶次數反向是會停在關鍵幀的100%處，而不是0%處。
iteration-count
執行次數。
這個本來沒什麼好說的，一目了然，但是無意中發現，有以下的特殊情況：
不能為負數
可以為0為0的時候，按1來算
可以為小數小數的時候，不會取整。而是多少就執行多少，比如 .5 就執行到50%的位置。
HTML載入動畫實現
在頁面載入完成之前或者執行某操作時，先顯示要顯示的載入動畫。先定義乙個載入動畫元素 最好是純css實現，的話可能慢一點 當頁面未載入完成之前，先使其 可見 當頁面載入完成後，再使其 不可見 重要的一點就是怎樣知道頁面或者元素載入完成了，詳情可以看一下 載入動畫頁面來自 codepen 載入動畫頁面h...
HTML5 動畫演示
01 02 htmllang en 03 head 04 metacharset utf 8 05 title animations in html5 using the canvas element 06 script 07 08 body 09 canvasid canvas width 100...
初識HTML5 5 動畫
動畫無非的就是觸發動畫 迴圈動畫 控制時間。我們可能最先想到的是 setinterval settimeout 誠然，以上兩個命令確實可以起到觸發動畫 迴圈動畫 控制時間的作用，但是不準確。因為瀏覽器比你更清楚什麼時候執行動畫命令。所以說，與其你告訴瀏覽器不如讓瀏覽器告訴你ta什麼時候已經準備好執行...