動畫關鍵幀

` /* 磁盤轉圈動畫，音樂播放時 /

.discAnimation {

/

animation-name：綁定到選擇器的 keyframe 的名稱。

animation-duration：完成動畫所花費的時間

animation-timing-function：規定動畫的速度曲線。

linear 動畫從頭到尾的速度是相同的。

animation-delay：在動畫開始之前的延遲時間。

延遲 1秒 等搖桿下來再開始旋轉

animation-iteration-count：動畫應該播放的次數。

infinite 無線循環

*/

animation: disc 6s linear 1s infinite;

}

/*

@keyframes 用來設置動畫幀

from to

- 適用于簡單的動畫，只有起始幀和結束幀

百分比

- 多用于復雜動畫，不止兩幀

*/

@keyframes disc {

from {

transform: rotate(0deg);

}

to {

transform: rotate(360deg);

}

}

`