CSS實現風車轉動非常簡單，只需要利用CSS3的動畫特性即可。以下是實現風車轉動的步驟：

.windmill {
position: relative;
width: 100px;
height: 100px;
}
.windmill div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.windmill .blade {
transform-origin: 0% 100%;
animation: windmill 2s ease-in-out infinite;
}
@keyframes windmill {
0% {
transform: rotate(0);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}

首先，我們創建一個class為“windmill”的元素。該元素中包含三個div，第一個div為容器，設置其position屬性為relative，寬度和高度均為100px即可。后兩個div為風車的兩片葉子，寬度和高度均為100%。

接著，我們設置.blade的transform-origin屬性，將其設置為原點在左下角，這樣可以使風車轉動的時候更加符合實際情況。然后，我們給.blade添加動畫，名稱為windmill，持續時間為2秒，動畫的緩動函數設置為ease-in-out，無限循環。

最后，定義了名為windmill的動畫，動畫的關鍵幀有3個，分別是0%、50%和100%。在0%時刻，風車的葉子沒有旋轉。在50%時刻，風車的葉子旋轉了180度。在100%時刻，風車的葉子完整地旋轉了一圈，即360度。

這樣，一個簡單的CSS風車就完成了。使用以上代碼，可以在HTML中創建一個容器元素，然后將class設置為windmill即可在頁面中展示一個旋轉的風車。