CSS中的旋轉是非常有用的效果，可以讓網(wǎng)頁元素看起來更加生動、有趣。其中，180度旋轉是一種常用的效果，可以進行文本翻轉、圖標翻轉等操作。

/* 180度旋轉的CSS代碼 */
.rotate-180 {
transform: rotate(180deg);
}

在上面的代碼中，我們使用了CSS3中的transform屬性，其中rotate表示旋轉，單位為度。如果想要旋轉180度，則需要設置為180deg。

下面是一個例子，在這個例子中，我們使用了一個箭頭，將其旋轉180度：

<div class="arrow"></div>
.arrow {
width: 0px;
height: 0px;
border-top: 10px solid #000;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
margin: 20px;
}
.arrow:hover {
cursor: pointer;
transform: rotate(180deg);
}

在上面的代碼中，我們使用了一個div元素來創(chuàng)建箭頭，通過設置不同的邊框樣式，使其呈現(xiàn)出箭頭的形狀。當鼠標懸停在箭頭上時，使用了:hover來添加鼠標指針，并且通過設置transform屬性來使箭頭旋轉了180度。

通過180度旋轉，我們可以實現(xiàn)很多有趣的效果，例如翻轉的文本、圖標等，讓頁面元素更具有吸引力和趣味性。