相冊魔方是網頁設計中常用的一種展示圖片的方式，通過CSS樣式可以制作出多種不同的魔方效果。在這里，我們介紹一種基于CSS3的相冊魔方樣式。

.gallery {
width: 400px;
height: 400px;
position: relative;
}
.gallery .side {
position: absolute;
width: 400px;
height: 400px;
background: #333;
transition: all 0.3s ease-in-out;
}
.gallery .side:hover {
transform: rotateY(90deg);
}
.gallery #front {
transform: translateZ(200px);
}
.gallery #back {
transform: translateZ(-200px) rotateY(180deg);
}
.gallery #left {
transform: translateX(-200px) rotateY(-90deg);
}
.gallery #right {
transform: translateX(200px) rotateY(90deg);
}
.gallery #top {
transform: translateY(-200px) rotateX(90deg);
}
.gallery #bottom {
transform: translateY(200px) rotateX(-90deg);
}

上面的CSS代碼設置了一個名為.gallery的元素，它包含六個子元素（即六個面）：#front、#back、#left、#right、#top和#bottom。每個子元素都是一個正方形的面，它們的位置通過transform屬性進行設置。

在鼠標懸停時，通過設置:hover偽類的transform屬性，可以使整個魔方發生旋轉，讓用戶可以看到魔方的不同面。

通過上述代碼和簡單的HTML結構，我們可以輕松地制作出一個漂亮的相冊魔方效果。這種樣式在Web設計中應用廣泛，可以為網站增添不少美觀度。