CSS 滾動字幕是網站設計中常用的動畫效果之一，可以為網站增加互動性和視覺效果。本文將介紹如何使用 CSS 實現滾動字幕效果。

/* CSS 代碼 */
.scroll-text {
white-space: nowrap;  /* 禁止文字換行 */
animation: scroll 10s linear infinite;  /* 滾動動畫 */
}
/* 動畫實現 */
@keyframes scroll {
0% {
transform: translateX(0);  /* 從左側開始滾動 */
}
100% {
transform: translateX(-100%);  /* 滾動到最右側 */
}
}

在 HTML 中，只需將文字內容包含在一個容器元素內，然后為容器元素添加一個類名，例如上述代碼中的 .scroll-text。

需要注意的是，若文字內容超過容器寬度時，滾動效果才會有意義。因此，應該將容器的寬度設為固定值或百分比，而不要使用自適應寬度。

最后，我們可以根據需求進一步增加 CSS 樣式，例如調整文字顏色、字體大小等等。同時，也可以使用 JavaScript 控制滾動速度和方向，實現更加復雜的動畫效果。