CSS可以實現許多有趣的動畫效果，比如來回滾動。我們可以通過以下CSS屬性來實現來回滾動：

animation-name: roll;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;

其中，animation-name指定要應用的動畫名稱，animation-duration指定動畫的持續時間，animation-timing-function控制動畫的速度，animation-iteration-count指定動畫循環的次數，animation-direction指定動畫播放的方向。

下面我們來詳細了解這些屬性：

animation-name

動畫名稱是必需的，它指定要應用的動畫。在CSS中，我們使用@keyframes規則來定義動畫。下面是一個例子：

@keyframes roll {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

上述代碼定義了一個名為roll的動畫，它從0度旋轉到360度。

animation-duration

animation-duration屬性定義了動畫的持續時間，以秒為單位。例如，animation-duration: 2s指定動畫持續2秒。

animation-timing-function

animation-timing-function屬性定義了動畫的速度。它用一個函數來控制動畫的速度曲線。常用的函數有ease、linear、ease-in、ease-out、ease-in-out等。

animation-iteration-count

animation-iteration-count屬性指定動畫應該循環的次數。默認值為1，如果值為infinite，則表示無限循環。

animation-direction

animation-direction屬性指定動畫的播放方向。默認值是normal，表示動畫正常順序播放。如果值為alternate，則表示動畫在正序播放完后逆序播放。

通過這些屬性的組合，我們可以創建出各種有趣的動畫效果，如來回滾動、漸變、彈跳等。