HTML 3D旋轉相冊是一種很酷的網頁設計元素，它可以使您的網頁更加吸引人。如果您正在尋找一種簡單的方法來實現這個功能，那么您不妨試試下面的HTML 3D旋轉相冊源代碼。 首先，您需要使用HTML和CSS創建一個基本的相冊布局。以下是一個包含5張照片的相冊布局示例代碼：

<div class="album" id="album">
<figure class="image" id="img1"><img src="image1.jpg" alt="Image 1"></figure>
<figure class="image" id="img2"><img src="image2.jpg" alt="Image 2"></figure>
<figure class="image" id="img3"><img src="image3.jpg" alt="Image 3"></figure>
<figure class="image" id="img4"><img src="image4.jpg" alt="Image 4"></figure>
<figure class="image" id="img5"><img src="image5.jpg" alt="Image 5"></figure>
</div>

在上面的代碼中，我們使用了一個帶有五個圖像的<div>元素，每個圖像都被包括在一個<figure>元素中。我們還對相冊容器使用了CSS的perspective屬性，這樣可以讓圖像能以3D的形式呈現。 接下來，我們使用CSS的transform屬性對每個圖像進行旋轉和移動操作。我們為每個<figure>元素指定了不同的transform屬性，這樣每個圖像可以在3D空間中自由旋轉。我們還為相冊容器中的所有圖像添加了一個:hover偽類，當鼠標懸停在任何一張圖像上時，它將以90度的角度旋轉。 如果您想更改相冊的布局或添加更多的圖像，只需要添加或修改相應的<figure>元素和CSS樣式即可。 以上就是HTML 3D旋轉相冊的基本用法，您可以根據自己的需求自由發揮，創造出更多獨一無二的網頁效果。