CSS中的transform屬性可以實現元素的各種特效，其中之一就是元素翻轉。使用transform: rotate(180deg)可以實現元素翻轉180度。

.flip {
transform: rotate(180deg);
}

在上面的代碼中，flip類被賦予了transform屬性，其值為rotate(180deg)，表示將該元素翻轉180度。在使用時，只需將該類添加到需要翻轉的元素上即可。

需要注意的是，該方法為CSS3屬性，在一些老舊的瀏覽器上可能無法實現。此外，如果被翻轉的元素含有文字或圖片等內容，可能需要對這些內容進行相應的調整，以避免因翻轉而導致內容顯示不正確。

除了翻轉180度外，transform屬性還可以實現元素的旋轉、縮放、傾斜等特效。在實際開發中，可以根據需要選擇相應的transform效果，為網頁增加更加生動和豐富的效果。