CSS背景圖片旋轉方向可以通過transform屬性實現，transform屬性用于改變元素的形狀、大小或位置等，可以對元素進行旋轉、縮放、傾斜和平移等操作。

.example {
background-image: url('example.jpg');
transform: rotate(90deg);
}

在上面的代碼段中，使用了background-image屬性來指定背景圖片，使用transform屬性來進行旋轉操作，其中rotate函數指定了旋轉角度，本例中為90度。可以通過改變旋轉角度，或設置不同的旋轉中心點來實現不同的旋轉效果。

除了旋轉外，還可以使用transform屬性實現其他效果，比如縮放、傾斜和平移等，這些操作也可以單獨使用，或與旋轉組合使用來產生特效。下面是一些例子：

.example {
transform: scale(0.5);
}
.example {
transform: skewX(30deg);
}
.example {
transform: translate(50px, 100px);
}
.example {
transform: rotate(45deg) scale(0.5);
}
.example {
transform: skewY(-20deg) translateY(30px);
}

在這些示例中，使用了transform屬性來分別實現了縮放、傾斜、平移和組合操作，這些效果可以通過改變參數值，或組合不同的操作來實現各種復雜的效果。