滾動文字是一種常見的網頁效果，通常是用JavaScript實現的。但是，你可能不知道，純CSS也可以做到這一點。下面，我們來介紹如何使用CSS實現滾動文字。

/* HTML代碼 */
<div class="scrolling-text">
<p>這里是滾動的文字內容。</p>
</div>
/* CSS代碼 */
.scrolling-text {
overflow: hidden; /* 隱藏超出容器的內容 */
height: 50px; /* 容器高度 */
}
.scrolling-text p {
animation: scroll 10s linear infinite; /* 使用動畫實現滾動效果 */
}
@keyframes scroll {
0% { transform: translateY(0); } /* 初始位置 */
100% { transform: translateY(-100%); } /* 滾動到頂部 */
}

首先，我們需要一個包含文本的容器，這里用了一個class為"scrolling-text"的div來做容器。該容器需要設置overflow為hidden，使超出容器的內容不可見。

接下來，我們需要為文本內容添加一個animation屬性，用于實現滾動效果。這里使用的是名為scroll的動畫，在10秒鐘內線性滾動一次，并且無限重復。當然，你可以根據需要調整動畫的時間和重復次數。

最后，我們需要定義動畫的關鍵幀，也就是滾動的起始和結束位置。這里使用了translateY屬性，向上移動文本的位置。0%表示初始位置，100%表示滾動到底部，這里需要使用負值來表示移動的方向。

使用純CSS實現滾動文字看起來很簡單，但實際上還有一些細節需要注意。例如，你需要確保文本內容不會折行，否則會影響滾動效果。此外，還需要根據容器的大小和文本字數來調整滾動的速度?？傊@是一個不錯的CSS技巧，值得一試。