相冊是一種展示圖片的方式，而 CSS3 則為我們提供了豐富的樣式和動畫效果，使得相冊展示效果更加美觀、時髦。下面就讓我們來了解一下如何使用 CSS3 制作相冊。

首先，我們需要準備一些圖片，可以將這些圖片放在一個文件夾中，然后按照順序進行編號。接下來我們需要創建 HTML 結構：一個相冊容器（div），以及包含每張圖片的容器（div）。

<div class="album">
<div class="photo">
<img src="1.jpg">
</div>
<div class="photo">
<img src="2.jpg">
</div>
<div class="photo">
<img src="3.jpg">
</div>
...
</div>

接著我們需要為相冊容器設置樣式，使得圖片按照一定的規則排列，如下：

.album {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 10px;
}

其中，display: flex;使得相冊容器使用 Flex 布局，flex-wrap: wrap;使得圖片換行排列，justify-content: space-between;使得圖片之間留有一定的空隙。

然后我們為每個圖片容器設置樣式，使得它們按照固定的大小進行排列，并具備動畫效果：

.photo {
width: 200px;
height: 200px;
overflow: hidden;
transition: transform 0.5s;
}
.photo:hover {
transform: scale(1.2);
}

其中，width: 200px;和height: 200px;使得每張照片的大小相同，overflow: hidden;則表示超出容器部分的圖片將不會被顯示，transition: transform 0.5s;表示圖片縮放時具備動畫效果。

最后，我們只需添加一些簡單的 JavaScript 代碼，就可以實現圖片換頁的效果了，如下：

let photos = document.querySelectorAll('.photo');
let index = 0;
let timer;
function slide() {
index++;
if (index >= photos.length) {
index = 0;
}
let offsetX = index * photos[0].offsetWidth * -1;
document.querySelector('.album').style.transform = 'translateX(' + offsetX + 'px)';
timer = setTimeout(slide, 5000);
}
slide();

通過上述代碼，我們可以實現每隔 5 秒鐘自動翻頁，并將相冊容器按照固定的大小進行平移，從而呈現出圖片換頁的效果。

到這里，我們就完成了一個簡單的 CSS3 相冊制作，通過使用 CSS3 提供的豐富樣式和動畫效果，我們可以輕松地制作出具有個性化、酷炫的相冊效果。