CSS 圖片水平旋轉(zhuǎn)是一個(gè)常見的代碼效果，通過 CSS 樣式可以將圖片進(jìn)行旋轉(zhuǎn)、翻轉(zhuǎn)等操作。下面我們來看一下 CSS 圖片水平旋轉(zhuǎn)的代碼實(shí)現(xiàn)。

/* CSS 代碼實(shí)現(xiàn) */
.rotate-horizontally {
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
}

以上代碼是將圖片進(jìn)行水平翻轉(zhuǎn)的實(shí)現(xiàn)代碼，我們可以通過 transform、-webkit-transform、-moz-transform、-ms-transform、-o-transform 這幾個(gè)樣式屬性來設(shè)置圖片的翻轉(zhuǎn)效果，其中 scaleX(-1) 表示將圖片進(jìn)行水平翻轉(zhuǎn)。

在使用這個(gè)代碼的時(shí)候，我們需要在需要翻轉(zhuǎn)的圖片上添加一個(gè)類名 "rotate-horizontally"，然后將 CSS 樣式代碼添加到我們的 CSS 文件中即可。

總之，CSS 圖片水平旋轉(zhuǎn)是一種常見的代碼效果，可以通過上述代碼輕松實(shí)現(xiàn)。在實(shí)際項(xiàng)目中，我們可以通過將這個(gè)效果與其他 CSS 樣式結(jié)合使用，以達(dá)到更好的展示效果。