3D立方體旋轉相冊是一種非常炫酷的相冊展示方式，可以增加用戶的吸引力和用戶體驗，下面是3D立方體旋轉相冊的HTML代碼：

<div class="cube-wrap">
<div class="cube">
<div class="face front"><img src="image1.jpg" alt="Front" /></div>
<div class="face back"><img src="image2.jpg" alt="Back" /></div>
<div class="face left"><img src="image3.jpg" alt="Left" /></div>
<div class="face right"><img src="image4.jpg" alt="Right" /></div>
<div class="face top"><img src="image5.jpg" alt="Top" /></div>
<div class="face bottom"><img src="image6.jpg" alt="Bottom" /></div>
</div>
</div>

以上為基本的HTML代碼，下面是CSS代碼，為立方體增加樣式：

.cube-wrap {
perspective: 1000px;
position: relative;
height: 400px;
width: 400px;
margin: 50px auto;
}
.cube {
position: absolute;
transform-style: preserve-3d;
height: 100%;
width: 100%;
transform: translateZ(-200px);
transition: transform 1s;
}
.face {
position: absolute;
height: 400px;
width: 400px;
border: 5px solid #fff;
box-sizing: border-box;
}
.front {
transform: translateZ(200px);
}
.back {
transform: translateZ(-200px) rotateY(180deg);
}
.left {
transform: rotateY(-90deg) translateX(-200px);
}
.right {
transform: rotateY(90deg) translateX(200px);
}
.top {
transform: rotateX(90deg) translateY(-200px);
}
.bottom {
transform: rotateX(-90deg) translateY(200px);
}
.cube:hover {
transform: translateZ(-200px) rotateY(360deg);
}

以上為完整的HTML代碼和CSS樣式，可以通過更改相冊的圖片來實現不同的展示效果。