CSS3提供了豐富的變換效果，其中包括元素旋轉變換。利用CSS代碼可以很容易地將一個元素旋轉90度、180度甚至更多。

.rotate {
transform: rotate(90deg);
}

上述示例中，我們將一個擁有.rotate類的元素旋轉90度。通過使用transform屬性并指定rotate()函數的參數，就可達到旋轉元素的目的。值得注意的是，這里使用了deg單位。

此外，我們還可以借助CSS動畫與過渡來實現元素旋轉，制作出更為生動、有趣的效果。

.rotate {
transition: transform 1s ease-in-out;
}
.rotate:hover {
transform: rotate(180deg);
}

上面的示例使用了過渡效果。當.apply類的元素被鼠標懸停時，會緩慢地從原位置旋轉至指定角度。過渡的實現需要先定義過渡效果屬性transition，后在偽類:hover中針對屬性進行新的設定。

除此之外，元素旋轉還有很多玩法，例如通過設置transform-origin調整旋轉中心點，或結合其他變換效果（如translate、scale）自由組合、創造多樣化的效果。不同的場景有不同的需求，前端開發者可以根據實際需求進行自由發揮。