CSS3中，可以通過transform屬性實現圖片旋轉的效果。transform屬性包含多個函數，其中旋轉函數rotate()可以實現圖片的旋轉。

語法如下：

transform: rotate(角度值);

其中，角度值可以是正數或負數，單位為deg。當角度值為正數時，表示逆時針旋轉；當角度值為負數時，表示順時針旋轉。

如果要實現基于中心點旋轉，則需要使用另一個函數transform-origin。語法如下：

transform-origin: x軸 y軸;

x軸和y軸默認值是50%，表示以元素的中心點為旋轉中心。如果指定為其他值，則會以指定的值為旋轉中心。

例如，下面是一段代碼，實現了圖片的逆時針旋轉，并且固定在頁面的中心位置：

<style>
.rotateImg {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -100px;
transform: rotate(45deg);
transform-origin: 50% 50%;
}
</style>
<img src="example.jpg" class="rotateImg" />