CSS3動畫是一種讓網頁元素動態變化的技術，它可以實現各種各樣的效果，包括相冊。下面我們將介紹如何使用CSS3動畫制作一個相冊。

/* 相冊容器 */
.album {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
/* 相片 */
.photo {
width: 200px;
height: 200px;
background-size: cover;
margin: 10px;
position: relative;
overflow: hidden;
transform-origin: center center;
}
/* 相片標題 */
.title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 30px;
line-height: 30px;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
opacity: 0;
transition: opacity 0.2s;
}
/* 鼠標經過效果 */
.photo:hover .title {
opacity: 1;
}
.photo:hover {
transform: scale(1.1);
}

以上是CSS代碼，下面我們來解釋一下。

首先，我們創建了一個相冊容器，并使用Flexbox布局讓相片居中顯示。其中，flex-wrap: wrap使得相片可以自動換行。

接下來，我們定義了相片樣式，包括圖片大小、背景圖、邊距、位置等。同時，我們將相片設置為相對定位，并隱藏超出容器范圍的部分。這樣，鼠標移到相片外部時就不會出現滾動條。我們還使用了transform-origin屬性，讓相片縮放時以中心點為原點。

為了讓相片很好地呈現出去，我們還給相片創建了一個標題，并將其設置為絕對定位，同時使用漸變效果讓其透明度隨鼠標移到相片上而變化。

最后，我們使用兩個偽類:hover和transform: scale(1.1)分別定義了鼠標經過相片時的效果，使得相片可以縮放并顯示標題。

這樣，我們就完成了一個簡單的相冊，其中的特效效果是由CSS3動畫實現的。當然，你可以根據自己的需要修改代碼，讓相冊效果更加美觀。