在網頁設計中，使用CSS可以制作出各種炫酷的效果，比如今天我們就來學習如何使用CSS將圖片制作成立體旋轉效果。

/* 先定義一個容器 */ 
.container {
perspective: 800px; /* 透視距離 */
}
/* 定義圖片樣式 */ 
.img {
transform-style: preserve-3d; /* 3D變形的基礎 */
transition: all 0.5s ease-in-out; /* 過渡效果 */
}
/* 鼠標移入圖片時的樣式 */ 
.img:hover {
transform: rotateY(-30deg); /* 旋轉角度，這里設置為-30度 */
}

以上代碼中，我們首先定義了一個容器，使用了透視距離屬性來構建3D空間，接著定義了圖片的樣式，使用了3D變形屬性和過渡效果來打造立體的效果，最后設置了鼠標移入時的樣式，讓圖片繞Y軸旋轉-30度。

如果想要制作更加復雜的立體效果，可以進一步使用CSS3的圖形變換屬性，比如rotateX、rotateZ等屬性來實現。同時，我們也可以通過JavaScript來控制旋轉的角度和速度，實現更多種類的效果。