CSS中有一個(gè)非常有趣的屬性，可以使用它讓數(shù)字變化。這個(gè)屬性就是animation，用于定義一組動(dòng)畫序列。

/*定義一個(gè)動(dòng)畫序列*/
@keyframes changeNumber{
0% {
color: black; /*文字顏色為黑色*/
font-size: 16px; /*字體大小為16px*/
transform: scale(1); /*縮放比例為1*/
}
50% {
color: red; /*文字顏色為紅色*/
font-size: 20px; /*字體大小為20px*/
transform: scale(1.5); /*縮放比例為1.5*/
}
100% {
color: blue; /*文字顏色為藍(lán)色*/
font-size: 24px; /*字體大小為24px*/
transform: scale(2); /*縮放比例為2*/
}
}
/*將動(dòng)畫應(yīng)用到元素上*/
.number{
animation: changeNumber 2s infinite; /*動(dòng)畫時(shí)間為2s，重復(fù)無限次*/
}

上述代碼定義了一個(gè)名為changeNumber的動(dòng)畫序列，包含三個(gè)關(guān)鍵幀，分別是0%、50%和100%。在0%時(shí)，文字顏色為黑色，字體大小為16px，縮放比例為1；在50%時(shí)，文字顏色為紅色，字體大小為20px，縮放比例為1.5；在100%時(shí)，文字顏色為藍(lán)色，字體大小為24px，縮放比例為2。

然后，我們將這個(gè)動(dòng)畫序列應(yīng)用到元素上，這里以class為number的元素為例，設(shè)置動(dòng)畫時(shí)間為2秒，無限重復(fù)。

這樣，我們就可以看到數(shù)字不斷變化的效果了！通過改變不同關(guān)鍵幀的樣式屬性，我們可以實(shí)現(xiàn)各種各樣的數(shù)字變化效果。