CSS3引入了很多新的動畫效果，其中數字增加效果也成為了一種比較常見的效果。數字增加效果在一些數字展示的場合中特別實用，比如倒計時、統計數據等等。那么，如何使用CSS3實現數字增加效果呢？

// HTML代碼，使用span標簽展示數字
<span class="number">0</span>
// CSS代碼，使用@keyframes和animation屬性實現數字增加效果
.number {
font-size: 24px;
color: #333;
animation: count 3s ease-in-out;  // 動畫名稱、動畫時間、動畫速度曲線
}
@keyframes count {
0% {
// 初始狀態
font-size: 24px;
color: #333;
}
50% {
// 中間狀態，數字增加
font-size: 32px;
color: #ff5959;
}
100% {
// 結束狀態，顯示數字最終值
font-size: 24px;
color: #333;
}
}

以上代碼中，我們使用了@keyframes關鍵字定義了一個動畫效果，名稱為count。在該動畫中，我們定義了三個狀態：初始狀態、中間狀態和結束狀態。其中，50%的中間狀態是數字增加的過程，在這個狀態下，我們可以適當調整數字字體大小和顏色，突出展示這個過程。

我們將動畫名稱指定給了帶有class="number"的span標簽，通過animation屬性設置了動畫效果的時間和速度曲線。這樣，在頁面加載時，數字就會自動展示出數字增加的效果，給用戶帶來更豐富的視覺體驗。