动画关键帧

` /* 磁盘转圈动画，音乐播放时 /

.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);