方位旋轉（rotate）是CSS3中一個非常有用的功能。它可以讓元素繞自身的中心點旋轉指定的角度，從而實現很酷的效果。本文將介紹方位旋轉的用法以及一些常見的應用場景。

CSS3中的方位旋轉使用rotate()函數來實現。該函數接受一個參數，表示旋轉的角度，可以用度（deg）、弧度（rad）或者梯度（grad）表示。

transform: rotate(30deg);

以上代碼將元素繞自身中心點順時針旋轉30度。

方位旋轉還可以結合其他屬性一起使用，比如scale（縮放）、translate（位移）等。這樣可以讓元素在旋轉的同時還產生一些其他的變化。

transform: rotate(30deg) scale(2) translate(100px, 50px);

以上代碼將元素繞自身中心點順時針旋轉30度，同時縮放為原來的兩倍，并向右下方移動了100px和50px。

方位旋轉還可以用來創建一些有趣的效果，比如翻轉卡片、旋轉動畫等。

.card {
width: 200px;
height: 300px;
transform-style: preserve-3d;
transition: transform .5s;
}
.card:hover {
transform: rotateY(180deg);
}

以上代碼將一個元素設置為卡片的樣式，當鼠標懸停在該元素上時，利用方位旋轉將其翻轉到背面。

總之，方位旋轉是CSS3中非常有用的一個功能，可以幫助我們實現各種酷炫的效果。掌握好它的用法，可以讓我們的網站更加生動有趣。