1.什麼是動畫效果？

使元素逐漸從一種樣式變為另一種樣式。

可以隨意更改任意數量的 CSS 屬性。

如需使用 CSS 動畫，您必須首先為動畫指定一些關鍵幀。（指角色或者物體運動變化中關鍵動作所處的那一幀，相當於二維動畫中的原畫）

關鍵幀包含元素在特定時間（以毫秒為單位）所擁有的樣式。

2.寫動畫效果所需要的屬性

·animation

·@keyframes

·animation

　　animation： 動畫名稱 動畫動的時間 勻速 延遲 無限迴圈 ；

·@keyframes

@keyframes mymove{
    from {top:0px;}
    to {top:200px;}
}

@-moz-keyframes mymove /* firefox 適用於火狐低配版*/
{
    from {top:0px;}
    to {top:200px;}
}

白撿的知識（關鍵幀）：

關鍵幀與關鍵幀之間的動畫可以由軟體建立新增，叫做 過渡幀 或者中間幀。

. 幀--即動畫中最小單位的單幅影像畫面，相當於電影膠片上的每一格鏡頭，在動畫軟體的時間軸上，幀表現為一格或者一個標記。

.至於為什麼叫做“幀”，是因為這些畫面包含了時間和位置的變化關係。.