CSS3立體畫廊是一種非常流行的網頁設計效果，它可以讓你的圖片看起來更加立體化和3D。下面我們來介紹如何通過CSS3實現這個效果。

.gallery {
perspective: 1000px; /* 定義透視視角 */
}
.item {
transform-style: preserve-3d; /* 定義3D變換 */
transition: transform 0.5s; /* 定義變換效果動畫 */
}
/* 鼠標懸停時觸發動畫 */
.item:hover {
transform: rotateY(45deg); /* 將圖片旋轉45度 */
}
/* 為每個圖片設置不同的旋轉角度 */
.item:nth-child(odd) {
transform: rotateY(-45deg);
}
.item:nth-child(even) {
transform: rotateY(45deg);
}

通過以上代碼，我們就可以給網頁添加一個帶有立體效果的畫廊了。在這個畫廊中，每個圖片都會在鼠標懸停時有動態的旋轉變化，讓用戶的視覺體驗更加豐富。