在CSS中,我們可以使用transform屬性來實現圖片翻轉的效果。具體的代碼如下所示:
.flip-img { transform: rotateY(180deg); }
其中,flip-img是要翻轉的圖片的類名。我們可以根據需要將其替換為實際使用的類名。rotateY函數指定了繞Y軸旋轉的角度,180度表示將圖片翻轉過來。如果需要將圖片翻轉回去,則可以將角度改為0度。
除了rotateY函數,transform屬性還提供了其他一些函數,可以實現不同方向的翻轉,例如rotateX、rotateZ等。此外,我們還可以結合使用translate函數等其他函數,實現更加復雜的動畫效果。