CSS（層疊樣式表）是用于網頁排版的一種樣式表語言。其擁有強大的功能，可以使網頁看起來美觀、清晰，并且易于閱讀。其中一項重要的功能就是翻轉，可以讓某些元素沿著水平或垂直方向翻轉180度。本文將介紹如何通過CSS實現翻轉180度的效果。

.flip {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}

CSS中的transform屬性可以實現對象的變形效果，包括旋轉、扭曲、縮放等。通過設置rotateY屬性，可以將對象沿著Y軸翻轉180度。

在上述代碼中，-webkit-transform是針對webkit內核的瀏覽器（如Chrome、Safari等）添加的前綴，而transform屬性則是標準的CSS屬性。由于不同瀏覽器對CSS屬性的支持存在差異性，因此在實現CSS樣式時，為了保證兼容性，我們需要添加瀏覽器前綴。

在HTML中，我們可以通過添加class屬性，并賦值為“flip”，來為需要翻轉的元素指定該樣式：

我將被翻轉180度

通過這種方法，即可簡單實現元素翻轉180度的效果。