CSS相冊自轉相冊是一種常見的網頁相冊布局，它可以使相片以環繞的方式旋轉展示，為網站增添動感，吸引用戶的注意力。

實現CSS相冊自轉相冊的關鍵在于CSS3中的“transform”屬性和“animation”屬性。代碼如下：

.album {
position: relative;
margin: 0 auto;
width: 600px;
height: 400px;
perspective: 1000px;  /*創建一個透視效果，使得圖片旋轉更立體*/
}
.album img {
position: absolute;
width: 200px;
height: 300px;
top: 50px;
left: 50px;
transform-origin: center center -150px;
/*設置旋轉中心，默認為元素中心，這里需要移到更遠處*/
animation: rotate 12s infinite linear;
/*設置動畫效果，12秒完成一次，線性運動，無限循環*/
}
@keyframes rotate {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
/*設置從0°到360°的旋轉動畫*/
}

以上代碼將一個“album”類的div元素視作相冊容器，容器內包含多個圖片元素。CSS給圖片元素添加了絕對定位，以及旋轉、動畫等屬性。其中“perspective”屬性指定了環視點，將圖片放置于透視錐體內部，實現了更立體的效果。

通過調整不同屬性和參數，我們還可以實現更加誘人的相冊效果，如旋轉速度、旋轉方向、過渡效果、鏡頭縮放等。CSS相冊自轉相冊不僅為web設計帶來了新的創意和創新，同時也讓用戶在瀏覽相冊時享受了不同于傳統相冊的視覺沖擊。