在网站上经常可以看到滚动字幕，其作用是为了让用户更容易地获取重要信息，比如新闻头条、广告语等等。那么如何用纯CSS实现滚动字幕呢？下面就来为大家详细介绍一下。

一、实现原理

CSS中有一个属性叫做text-indent，它可以让文本向左或向右缩进。同时，CSS还有一个属性叫做animation（动画），可以让元素进行动画效果。这两个属性相结合，我们就可以实现滚动字幕的效果了。

二、代码实现

下面我们来看一下纯CSS实现滚动字幕的代码。首先，我们需要一个div容器来装载文本，代码如下所示。

```