CSS是一種非常強大的語言，可以使我們的網頁變得更加美觀和動態。今天我們來談一談CSS中如何使用背景圖片翻轉。

.flip {
background-image: url('image.jpg');
background-repeat: no-repeat;
background-size: cover;
height: 400px;
width: 500px;
transition: transform 1s;
}
.flip:hover {
transform: rotateY(180deg);
}

在上面的代碼中，我們首先定義了一個名為"flip"的Class，將需要翻轉的背景圖片作為元素的背景。然后我們將背景重復設置為不重復，大小設置為占滿整個元素。

接下來，我們為元素添加了一個高度和寬度，然后實現了一個1秒的動畫翻轉效果，通過CSS中的“transform：rotateY(180deg)”屬性來實現。

最后我們將:hover屬性應用到這個Class上，當用戶鼠標懸浮在元素上時，自動觸發翻轉效果。

運用CSS背景圖片翻轉，讓我們的網頁充滿活力和創意。希望這篇文章對您有所幫助。