CSS圖片旋轉可以通過以下代碼實現：

.rotate {
transform: rotate(30deg);
}

其中，.rotate為旋轉效果要應用的元素的類名，rotate(30deg)表示元素要順時針旋轉30度。

如果要實現翻轉效果，可以使用以下代碼：

.flip {
transform: scaleX(-1);
}

其中，.flip為翻轉效果要應用的元素的類名，scaleX(-1)表示將元素在水平方向上翻轉。

還可以使用以下代碼實現圖片的旋轉和翻轉效果的組合：

.rotate-and-flip {
transform: rotate(45deg) scaleX(-1);
}

其中，.rotate-and-flip為旋轉和翻轉效果要應用的元素的類名，rotate(45deg)表示元素要順時針旋轉45度，scaleX(-1)表示將元素在水平方向上翻轉。