CSS（Cascading Style Sheets）是一種樣式表語言，可以控制網(wǎng)頁的樣式。CSS讓網(wǎng)頁美觀、易于閱讀，并且可以提高網(wǎng)頁的性能。這篇文章將介紹如何使用CSS制作一個發(fā)動車的動畫。

.car {
position: relative;
width: 200px;
height: 100px;
background-color: #333;
}
.wheel {
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #fff;
}
.front-wheel {
top: 25px;
left: 25px;
animation: wheel-spin 1s linear infinite;
}
.back-wheel {
top: 25px;
right: 25px;
animation: wheel-spin 1s linear infinite;
}
@keyframes wheel-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

首先，我們需要一個div作為車體，設置寬度、高度和背景色。然后創(chuàng)建兩個圓形div作為車輪子，使用絕對定位將其放在車體底部。使用CSS動畫讓輪子無限旋轉。

現(xiàn)在我們需要讓車往前開。創(chuàng)建另一個div，代表我們的道路。將道路放在車的前面，并使用CSS動畫將其向左移動。使用animation-timing-function屬性設置動畫的加速度。

.road {
position: absolute;
width: 100%;
height: 50px;
bottom: 0;
background-color: #999;
animation: road-move 2s linear infinite;
}
@keyframes road-move {
from {
transform: translateX(0);
}
to {
transform: translateX(-200px);
}
}

現(xiàn)在我們的發(fā)動車動畫完成了。可以嘗試修改CSS樣式，實現(xiàn)更多有趣的效果。