CSS是前端開發中不可或缺的一部分，可以通過它來美化網站的界面，其中就包括了對圖片的處理。

img {
width: 200px;
height: 200px;
/* 用CSS設置背景圖片 */
background-image: url(圖片路徑);
}

但是，我們有時候需要對圖片進行正反面翻轉的操作，在CSS中也有相應的屬性來實現。

/* 實現圖片水平翻轉 */
img {
transform: scaleX(-1);
}
/* 實現圖片垂直翻轉 */
img {
transform: scaleY(-1);
}
/* 實現圖片同時水平和垂直翻轉 */
img {
transform: scaleX(-1) scaleY(-1);
}

需要注意的是，CSS中的翻轉操作會影響元素本身以及元素內的所有子元素，也就是說，如果一個元素及其子元素都需要翻轉，則需要將翻轉操作放在父元素上。

/* 父元素水平翻轉，子元素跟隨翻轉 */
.parent {
transform: scaleX(-1);
}
.parent img {
transform: scaleX(-1);
}

通過以上的CSS屬性和代碼，我們可以輕松地實現圖片的正反面翻轉，讓網站的界面更加多彩，更加有趣。