CSS數(shù)字滾動(dòng)動(dòng)畫是一種很流行的網(wǎng)頁動(dòng)畫效果，它可以讓數(shù)字以滾動(dòng)的方式跳動(dòng)，不斷更新，使網(wǎng)頁更加生動(dòng)。下面是一個(gè)簡(jiǎn)單的CSS數(shù)字滾動(dòng)動(dòng)畫的示例：

<div class="counter">
<p class="number" data-speed="3000" data-number="1000">0</p>
</div>

上述代碼中，我們?cè)谝粋€(gè)div元素中放置了一個(gè)含有class為“number”的p標(biāo)簽。其中，data-speed屬性表示滾動(dòng)速度（毫秒），data-number屬性表示需要滾動(dòng)到的數(shù)字。初始值為0，會(huì)在動(dòng)畫啟動(dòng)時(shí)開始滾動(dòng)。

接下來，我們使用CSS中的@keyframes屬性定義數(shù)字滾動(dòng)動(dòng)畫的動(dòng)畫效果：

@keyframes counter {
from { transform: translateY(0); }
to { transform: translateY(-100%); }
}
.number {
animation: counter 1s ease-out;
}

上述代碼中，我們定義了一個(gè)名為“counter”的關(guān)鍵幀動(dòng)畫，它從0%到100%的過程中將數(shù)字從原來的位置向上移動(dòng)100%，在一秒中內(nèi)完成。在“number”類中，我們將動(dòng)畫應(yīng)用于我們的p標(biāo)簽。

通過上述代碼，我們就實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的CSS數(shù)字滾動(dòng)動(dòng)畫效果。如果您想讓數(shù)字滾動(dòng)更流暢，可以嘗試使用更長(zhǎng)的動(dòng)畫時(shí)間，或使用更小的滾動(dòng)速度。同時(shí)，還可以添加一些其他的CSS效果，比如陰影、背景顏色等，讓數(shù)字滾動(dòng)動(dòng)畫更加個(gè)性化。