如今，在網頁設計中少不了 CSS3 的應用。其中自動滾動效果是一個經典的功能。那么，CSS3 自動滾動是怎樣實現的呢？

要使用 CSS3 實現自動滾動的話，必須使用 overflow 屬性，該屬性的默認值是“visible”，即不顯示滾動條。我們可以將 overflow 設置為“auto”，讓網頁出現滾動條，再進行其他的 CSS3 屬性的動畫設置。

overflow:auto;

接下來，我們需要設置每次滾動的延遲時間。這可以通過 CSS3 的“animation”屬性來完成。在 animation 屬性中需要設置兩個重要的參數：動畫的名字和動畫的時長。同時，你還需要為這個動畫設置關鍵幀，即決定這個動畫的展示方式。為了實現自動滾動，我們通常會將關鍵幀設置成從上到下，從左到右的方式。

animation: scroll-up 5s infinite;
@keyframes scroll-up {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}

這段代碼的意思是，我們要給元素設置一個滾動效果，動畫名稱為“scroll-up”，時長為 5 秒，并且無限循環。在關鍵幀的代碼中，從 0% 開始到 100% 結束，元素的位置由原來的 translateY(0) 逐漸變成了 translateY(-100%)，實現了自動向上滾動的效果。

最后，在實際使用中，可以根據需要來選擇各種屬性來優化自動滾動的效果。