CSS中有一種非常有趣的效果：翻轉圖片。通過CSS的transform屬性，我們可以非常簡單地實現圖片水平或垂直翻轉。 下面是一些示例代碼：

/* 水平翻轉 */
.flip-horizontal {
transform: scaleX(-1);
}
/* 垂直翻轉 */
.flip-vertical {
transform: scaleY(-1);
}

在上面的代碼中，我們使用了transform的scaleX和scaleY函數，將水平或垂直方向的縮放值設置為-1，即可實現翻轉效果。 需要注意的是，上述代碼只適用于圖片元素。如果想翻轉其他元素，可以使用類似的代碼，但前提是元素需要有寬度和高度。 翻轉效果可以為網站增加更多的動態感，但需要注意不要過分使用，以免影響網站的視覺美感。