CSS3是一種廣泛使用的網頁設計語言，它能夠讓我們在網頁中實現許多漂亮的效果。其中，相冊效果是網頁設計中非常受歡迎的一種效果，在CSS3中可以用輕松實現。

.photo-container {
display: flex;
flex-wrap: wrap;
margin-top: 40px;
}
.photo-container img {
width: 250px;
height: 250px;
margin: 10px;
box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
transition: all 0.3s ease;
}
.photo-container img:hover {
transform: scale(1.1);
box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}

上面的代碼是一個基本的相冊容器樣式，我們可以看到，在.photo-container樣式中，我們使用了flex布局，這個布局能夠讓容器中的項目自動排列。同時，我們給圖片設置了寬度、高度和間距，并且添加了一個陰影效果和一個過渡效果。

在每個圖片的hover中，我們設置了一個額外的動畫效果，這個效果將圖片放大并且添加了一個比初始狀態更大的陰影效果。

CSS3相冊效果是一種十分靈活的引入方法，我們可以很容易地修改這些樣式，定制出我們自己喜歡的效果。通過這種方式，我們可以讓我們的網頁更加生動華麗。