CSS是一種強大的網頁樣式表語言，可以實現許多炫酷的效果，包括圖片平移旋轉。下面我們來學習一下在CSS中如何實現這一效果。

/* 定義一個類，為之后的圖片添加樣式 */
.image {
position: absolute; /* 使用絕對定位，使得圖片能夠自由移動 */
transition: transform 1s; /* 定義一個動畫過渡效果 */
}
/* 鼠標移動到圖片上時，使圖片旋轉180度 */
.image:hover {
transform: rotate(180deg);
}

代碼中，我們首先定義了一個類名為“image”，它包含兩個屬性。第一個是“position: absolute;”，這個屬性讓圖片可以自由移動而不受HTML文檔布局的影響。第二個是“transition: transform 1s;”，這個屬性定義了一個過渡效果，實現了平滑的動畫效果。

接著我們定義了一個“:hover”偽類。這個偽類表示當鼠標移動到圖片上時，應用這個樣式。在這個樣式中，我們使用了“transform: rotate(180deg);”來實現讓圖片繞著中心旋轉180度的效果。

通過上面的代碼，我們就可以實現一個基礎的圖片平移旋轉的效果了。當然，你也可以將代碼進行更進一步的優化或調整，來滿足你的具體需求。