武林網(www.49028c.com)文章簡介：CSS 加入到要實現翻轉效果的網頁中即可看到效果.

有時候我們需要給用戶一點驚喜，一些與眾不同。當你訪問一個網站的時候發現網站的整個界面都是水平翻轉過來的，會不會覺得是瀏覽器出了問題呢？其實這種網頁翻轉效果通過強大的 css 就可以實現滴。

你只需要把以下的 CSS 加入到要實現翻轉效果的網頁中即可看到效果：

123456789html{filter:fliph}body{-webkit-transform: rotateY(180deg);-moz-transform-o-transformtransform

博客翻轉后的效果展示：

園子博客翻轉后的效果展示

其原理是讓 IE 瀏覽器用戶用濾鏡實現網頁的翻轉效果，非 IE 瀏覽器用戶通過 CSS3 實現網頁水平的翻轉。