CSS实现数字滚动效果是一种非常棒的方式，可以为网站或应用程序增加一些动态的元素。下面将介绍如何用CSS实现数字滚动效果。首先我们需要用HTML创建一个容器，用来放置数字滚动效果。以下是HTML代码示例：

<div class="scroll-number">
<span class="number">0</span>
<span class="number">1</span>
<span class="number">2</span>
<span class="number">3</span>
</div>

在HTML中创建了一个class为“scroll-number”的div容器，内部又包含了四个class为“number”的span元素，用来展示数字滚动效果。接下来，我们需要用CSS定义数字滚动效果的样式，具体如下：

.scroll-number {
display: inline-block;
position: relative;
font-size: 32px;
}
.number {
position: absolute;
top: 0;
right: 0;
animation: scroll 1s linear infinite;
}
@keyframes scroll {
0% {top: 0;}
100% {top: -120px;}
}

首先，我们将容器的display属性设置为inline-block，使其在浏览器中呈现为水平方向，高度自适应。其次，我们将容器的position设置为relative，使内部的数字元素可以相对于容器进行定位。同时，我们用font-size设置数字滚动效果的字体大小为32px。

数字元素的样式定义中，我们将其position属性定义为absolute，使其相对于父容器进行定位。然后，我们将其top和right属性设置为0，使数字元素位于父容器的右上角。最后，我们用animation属性设置数字元素的滚动效果，其中scroll是我们自定义的动画名称，1s表示动画持续时间为1秒，linear表示动画变化速度线性，infinite表示动画无限循环。

我们还使用了@keyframes关键字来定义数字元素的滚动效果。我们将每个数字元素的top属性从0%到-120px，表示数字元素将以60像素的速度向上滚动。

到此为止，我们已经成功用CSS实现了数字滚动效果。CSS实现数字滚动效果是一种非常棒的方式，可以为网站或应用程序增加一些动态的元素。