人類具有**「視覺暫留」**的特性，人的眼睛看到一幅畫或乙個物體後，在0.34秒內不會消失。
使元素從一種樣式逐漸變化為另一種樣式的效果。
語法：animation-name:keyframename|none;
引數說明：
keyframename：指定要繫結到選擇器的關鍵幀的名稱；
none：指定有沒有動畫。
語法：animation-duration:time;語法：animation-iteration-count:infinite|number;
預設值為1，infinite為無限迴圈
無限迴圈時不迴圈delay，因為delay定義的是動畫之外的
keyframes，關鍵幀，可以指定任何順序的排列來決定animation動畫的關鍵位置
@keyframes animationname
}
目標：增強頁面渲染效能。
css的動畫、變形、漸變並不會自動觸發gpu的加速，而是使用瀏覽器稍慢的軟體渲染引擎。在transition，transform和animation中，應該解除安裝程序到gpu以加快速度。
只有3d變形會有自己的layer，2d變形不會。
will-change
提前通知瀏覽器元素將要做什麼動畫，讓瀏覽器提前準備適合的優化設定。
語法：
will-change
CSS3學習筆記 動畫
css3中的動畫功能分為transitions功能和animations功能 支援從乙個屬性在指定時間內平滑過渡到另乙個屬性值 transitions功能具有的屬性 1 transition property 哪種屬性平滑過渡 2 tranition duration 在多久時間內完成屬性的平滑過渡...
CSS3動畫 學習打卡
animation name屬性 1 檢索或者設定物件所應用的動畫的名稱 2 語法 keyframename none 3 引數說明 1 keyframename 指定要繫結到選擇器的關鍵幀的名稱 2 none 指定有沒有動畫 可用於覆蓋從級聯的動畫 animation duration屬性 小結 ...
（2020 10 21）學習css3動畫
動畫是使元素從一種樣式逐漸變化為另一種樣式的效果。您可以改變任意多的樣式任意多的次數。0 是動畫的開始，100 是動畫的完成。為了得到最佳的瀏覽器支援，您應該始終定義 0 和 100 選擇器。keyframes 規定動畫。animation 所有動畫屬性的簡寫屬性。animation name 規定...