CSS列表滾動過渡是一種頁面效果，它可使列表超出容器寬度時，以平滑的過渡方式滾動。

如下代碼演示了如何實現CSS列表滾動過渡：

.container {
width: 500px; /* 容器寬度 */
height: 200px; /* 容器高度 */
overflow: hidden; /* 隱藏溢出部分 */
}
.list {
display: flex; /* 使用 Flexbox 排列項 */
flex-wrap: nowrap; /* 禁止換行 */
animation: scroll 10s infinite linear; /* 滾動動畫 */
}
.list-item {
width: 100px; /* 項寬度 */
height: 100px; /* 項高度 */
margin-right: 10px; /* 項間距 */
}
@keyframes scroll {
0% {
transform: translateX(0); /* 起始位置 */
}
100% {
transform: translateX(-600px); /* 終止位置 */
}
}

以上代碼中，容器指定了寬度和高度，并隱藏了溢出部分，使得超出容器的列表項不可見；列表項使用 Flexbox 排列，并禁止了換行，讓它們在一行內排列；滾動動畫通過 CSS 動畫實現，從起始位置滾動到終止位置。

通過調整此代碼中的容器和列表項的樣式，您可以輕松地創建您自己的CSS列表滾動過渡效果。