CSS 旋轉相冊教程會教你如何使用 CSS 創建一個類似于相冊的圖片組，同時圖像也可以旋轉，使用戶可以選擇它們。

/* 創建一個圖片列表 */
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
/* 給每個圖片添加樣式 */
li img {
display: block;
margin-bottom: 10px;
}
/* 給圖片增加鼠標懸停效果 */
li img:hover {
transform: rotate(20deg);
}
/* 給選中的圖片增加旋轉效果 */
li.selected img {
transform: rotate(360deg);
transition: transform 1s;
}

在這個教程中，我們使用了list-style-type: none;來去除列表的默認樣式，同時也使用了display: block;來確保圖片能夠垂直對齊。

我們給每個圖片添加了一個鼠標懸停的效果，通過使用transform: rotate(deg);可以輕松地旋轉圖片。

最后，我們用li.selected img來給選中的圖片增加了旋轉的效果，并使用了transition: transform 1s;來確保動畫平滑過渡。