在CSS中，我們可以通過(guò)transform屬性來(lái)實(shí)現(xiàn)元素的旋轉(zhuǎn)。其中，180度轉(zhuǎn)是最常用的一種，常用于翻轉(zhuǎn)形式的元素效果，比如翻轉(zhuǎn)圖片、翻頁(yè)效果等。

transform: rotateY(180deg);

上面的代碼表示將元素繞Y軸翻轉(zhuǎn)180度。需要注意的是，這個(gè)屬性需要與瀏覽器兼容性進(jìn)行考慮，具體可以通過(guò)加上瀏覽器前綴來(lái)兼容不同的瀏覽器。

-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);

另外，需要注意的是，元素的翻轉(zhuǎn)是基于元素中心點(diǎn)進(jìn)行的，也就是說(shuō)，元素會(huì)被翻轉(zhuǎn)到其后面，如果需要調(diào)整位置，可以通過(guò)設(shè)置transform-origin屬性進(jìn)行調(diào)整。

transform-origin: left;

上面的代碼表示將元素的旋轉(zhuǎn)中心點(diǎn)設(shè)置到元素的左邊緣。

除了180度翻轉(zhuǎn)，CSS還可以實(shí)現(xiàn)其他角度的旋轉(zhuǎn)，比如30度、45度等等。需要根據(jù)具體的需求進(jìn)行選擇。