CSS是前端設計中最常用的語言之一，可以實現很多驚艷的效果。它可以通過使用坐標點來旋轉圖片，讓圖片呈現出完全不同的感覺和風格。

img {
position: absolute;
top: 50px;
left: 50px;
transform-origin: top left;
/*在這里設置旋轉的坐標點*/
}
.rotate {
transform: rotate(45deg);
/*在這里設置旋轉的角度*/
}

首先，在CSS中要給圖片設置絕對定位并設置坐標點。在這段代碼中，圖片的左上角坐標點的位置是50px*50px。接著，我們設置旋轉的坐標點為這個點，這也是以后旋轉過程中圍繞的中心點。

接下來，我們可以通過添加類名的方式對圖片進行旋轉，這里我們以45度為旋轉角度進行演示。

在上面的代碼中，.rotate是我們為圖片添加的類名，它將使圖片圍繞左上角坐標點旋轉45度。

通過這樣簡單的設置，我們就可以讓圖片按照預設的坐標點進行旋轉。這種技巧在實際開發中經常被使用，可以為網站增加更多的視覺效果。