CSS是一種用于設置網頁樣式的語言。它可以控制網頁的字體、顏色、布局、甚至是3D效果。今天我們將通過CSS制作一個3D動態相冊。

首先，我們需要一個HTML頁面作為基礎。我們可以使用一個無序列表來表示相冊中的照片。

<ul class="gallery">
<li><img src="photo1.jpg"></li>
<li><img src="photo2.jpg"></li>
<li><img src="photo3.jpg"></li>
<li><img src="photo4.jpg"></li>
<li><img src="photo5.jpg"></li>
</ul>

接下來，我們可以使用CSS來將這個相冊變成3D效果。我們需要使用transform屬性來實現。首先，讓我們為整個相冊添加一些樣式。

.gallery {
perspective: 1000px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

這些屬性將為我們的相冊創建一個3D視角，并讓所有的照片在一行中居中顯示。

現在，讓我們使用transform屬性使每個照片在3D空間中旋轉。我們可以在每個li標簽上應用這個樣式。

.gallery li {
width: calc(20% - 20px);
margin: 10px;
transition: transform 0.5s;
}
.gallery li:hover {
transform: rotateY(20deg);
}

這些屬性將為每個照片創建一個20度的旋轉效果，并為鼠標懸停時添加過渡動畫。

現在，當你在你的瀏覽器中預覽這個頁面時，你將會看到相冊在3D空間中旋轉。你可以繼續使用CSS來為相冊添加更多的效果，例如陰影或圖像縮放。