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，则表示动画在正序播放完后逆序播放。

通过这些属性的组合，我们可以创建出各种有趣的动画效果，如来回滚动、渐变、弹跳等。