CSS是網頁設計中不可或缺的一部分，可以通過它來實現圖片的立體旋轉，讓圖片呈現出更生動的效果。

首先，我們需要給需要旋轉的圖片設置一個父元素，可以是div或其他容器元素。然后，通過CSS中的transform屬性來實現旋轉效果。具體代碼如下：

<style>
.container {
position: relative;
width: 200px;
height: 200px;
}
.box {
position: absolute;
width: 100%;
height: 100%;
transform-style: preserve-3d;
}
.box img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.box:hover {
transform: rotateX(45deg) rotateY(45deg) rotateZ(0deg);
}
</style>
<div class="container">
<div class="box">
<img src="image.jpg" />
</div>
</div>

以上代碼中，我們通過設置容器元素的position為relative，來讓它成為旋轉圖像的相對定位元素。然后，給它內部的.box元素設置position為absolute，通過設置transform-style屬性為preserve-3d，來讓.box元素在3D空間中呈現。同時，給.box內部的img元素設置position為absolute，來讓.img元素覆蓋在.box元素上。

最后，我們通過設置.box元素的:hover偽類來實現旋轉效果。具體來說，我們通過設置rotateX、rotateY和rotateZ三個屬性的值來實現X、Y、Z三個方向的旋轉。在這里，我們分別設置了45度的旋轉角度，可以根據實際需求進行調整。

通過以上代碼，我們即可實現圖片立體旋轉的效果。這種效果可以為網頁增加更多的生動感和交互性，是一個非常值得嘗試的CSS技巧。