CSS是一種很強(qiáng)大的設(shè)計(jì)語(yǔ)言，可以用來(lái)控制網(wǎng)頁(yè)的布局和樣式。其中一個(gè)很有趣的效果就是背景翻轉(zhuǎn)，這個(gè)效果就像是一張紙被翻轉(zhuǎn)了一下，可以讓網(wǎng)頁(yè)看起來(lái)更加生動(dòng)有趣。在CSS中實(shí)現(xiàn)這個(gè)效果非常簡(jiǎn)單，可以用“transform”屬性來(lái)實(shí)現(xiàn)。

代碼如下：
.background {
background: url("image.jpg") center center no-repeat;
transform: rotateY(180deg);
}

上面的“background”屬性是用來(lái)設(shè)置背景圖片的，其中的 “url” 是指向圖片的路徑，center center 表示圖片水平垂直居中，no-repeat 表示背景圖片不重復(fù)。另外一個(gè)關(guān)鍵的屬性是 transform，它是用來(lái)實(shí)現(xiàn)翻轉(zhuǎn)效果的。這里我們使用了 rotateY(180deg) ，表示繞著 Y 軸翻轉(zhuǎn) 180 度。

值得注意的是，這種背景翻轉(zhuǎn)效果只能在支持CSS3的瀏覽器中才能正常顯示。當(dāng)然，如果你的網(wǎng)站的受眾大多數(shù)是使用較老瀏覽器的用戶，建議不要使用這個(gè)特效或者做一個(gè)兼容處理。