CSS 圖片水平旋轉是一個常見的代碼效果，通過 CSS 樣式可以將圖片進行旋轉、翻轉等操作。下面我們來看一下 CSS 圖片水平旋轉的代碼實現。

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

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

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

總之，CSS 圖片水平旋轉是一種常見的代碼效果，可以通過上述代碼輕松實現。在實際項目中，我們可以通過將這個效果與其他 CSS 樣式結合使用，以達到更好的展示效果。