水平旋轉是指將一個元素在水平方向上旋轉一定的角度，讓元素呈現出傾斜的效果。在CSS中實現水平旋轉的方法主要有兩種：使用transform和使用writing-mode。

使用transform實現水平旋轉的代碼如下：

.element {
transform: rotate(-45deg);
}

其中，rotate()函數中的角度參數可以根據需要進行調整，負值表示逆時針旋轉，正值表示順時針旋轉。此外，為了保證元素的位置不變，可以結合使用transform-origin屬性來設置旋轉的基準點。

另一種實現水平旋轉的方法是使用writing-mode屬性，代碼如下：

.element {
writing-mode: vertical-lr;
text-orientation: sideways;
}

writing-mode屬性指定了文字流方向，其中vertical-lr表示從上到下的垂直方向，-lr表示從左到右的水平方向。此外，為了保證文字正常顯示，還需要結合使用text-orientation屬性來設置文字方向。

總的來說，使用transform實現水平旋轉更加簡單方便，同時還可以實現更復雜的變換效果。但是需要注意的是，transform可能會對元素的布局造成一定的影響，需要根據實際情況進行調整。