在CSS中，我們可以使用transform屬性來進行元素的旋轉。其中，rotate()函數可以實現沿著一條邊的旋轉。其中，對于水平和垂直方向的元素，我們可以選擇x或y作為旋轉軸，對于斜線方向的元素，我們需要指定旋轉角度和旋轉中心點。

/* 沿著x軸旋轉 */
.rotate-x {
transform: rotateX(180deg);
}
/* 沿著y軸旋轉 */
.rotate-y {
transform: rotateY(180deg);
}
/* 沿著斜線旋轉 */
.rotate-angle {
/* 設定旋轉中心點 */
transform-origin: 50% 50%;
/* 旋轉角度 */
transform: rotate(-45deg);
}

在使用rotate()函數時，需要注意旋轉的方向和旋轉軸，以及旋轉角度和旋轉中心點的設置。同時，我們也可以使用transition屬性來實現平滑的動畫效果。

.rotate-x {
transform: rotateX(180deg);
transition: transform .3s ease-in-out;
}
.rotate-x:hover {
transform: rotateX(0deg);
}
.rotate-angle {
transform-origin: 50% 50%;
transform: rotate(-45deg);
transition: transform .3s ease-in-out;
}
.rotate-angle:hover {
transform: rotate(0deg);
}

通過這些技巧，我們可以實現更加炫酷的CSS旋轉效果，讓網站更加動感和有趣。