CSS是前端開發中不可或缺的一環，它可以用來設計網頁的樣式，包括字體、顏色、布局等。在CSS中，可以通過一些屬性實現翻轉效果。如下面的代碼演示翻轉90度的效果：

/* 旋轉90度 */
transform:rotate(90deg);

上述代碼中，transform是CSS3的屬性，它包括多種變換效果，如旋轉、縮放、移動等。在本例中，我們使用rotate(90deg)來實現旋轉90度的效果。

需要注意的是， transform屬性在一些瀏覽器下并不兼容。如果需要在低版本的瀏覽器下實現翻轉效果，可以使用filter屬性。如下面的代碼演示反轉90度的效果：

/* 反轉90度 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
filter: rotate(270deg);

上述代碼中，我們使用了兩種方式實現反轉90度的效果。其中，一種是采用ie獨有的-ms-filter屬性，另一種是采用filter屬性，并在后面添加rotate(270deg)來將元素旋轉270度。

總體而言，使用CSS實現翻轉效果并不是難題，但需要注意的是瀏覽器兼容問題。當我們使用不同瀏覽器時，需要做好兼容性處理，才能確保網頁的效果在不同的瀏覽器下都可以達到一致的效果。