CSS3是網頁設計中非常重要的技術，可以用來實現很多酷炫的效果。下面我們來講解如何使用CSS3來設置一條線旋轉。

.line {
position: absolute;
left: 50%;
top: 50%;
width: 3px;
height: 80px;
margin-top: -40px;
transform-origin: top;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

以上代碼中，我們先定義了一個名為.line的CSS類，將其定位在頁面的中心位置。我們設置了它的寬度為3像素、高度為80像素，并將其上端作為旋轉的起點。我們還設置了其動畫的時間為2秒，線性運動，并作為無限循環運行。

在上面的代碼中，我們創建了一個名為rotate的動畫，并將它應用到.line類中。在這個動畫中，我們定義了旋轉的起點和終點（從0度到360度）。

總的來說，以上代碼實現了一個非常簡單的旋轉效果，可以非常容易地添加到任何網頁中。這里需要注意的是，我們使用了transform-origin屬性來將旋轉的起點設置在線條的上端，這是非常重要的。