CSS是一種用于網頁設計的樣式表語言，用于控制網頁外觀和樣式。其中一個很酷的特性是能夠實現旋轉線條的效果。

.line {
width: 4px;
height: 50px;
background-color: black;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(0deg);
animation: rotate 2s infinite;
}
@keyframes rotate {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}

代碼中的.line定義了一條垂直線條，使用絕對定位放置在頁面中心。利用transform屬性實現了旋轉效果，transform: translate(-50%, -50%)用于讓線條居中，rotate(0deg)用于初始化線條的位置，動畫通過animation屬性定義，rotate代表使用rotate函數進行動畫，2s代表動畫的時間，infinite代表動畫無限循環。

使用CSS實現旋轉線條的效果非常簡單，可以在網頁中添加許多酷炫的動畫效果，加強用戶體驗。