CSS3的“心跳數(shù)字”效果可以使數(shù)字以一種“心跳”的方式展示，非常的炫酷，下面我們來學(xué)習(xí)一下它的實(shí)現(xiàn)。

.count {
animation: heartbeat 1s ease-in-out infinite;
}
@keyframes heartbeat {
from {
transform: scale(1);
}
to {
transform: scale(1.2);
}
}

代碼中的.count是一個(gè)包含數(shù)字的元素，使用animation屬性來添加一個(gè)名為heartbeat的動(dòng)畫，設(shè)置動(dòng)畫時(shí)間為1秒，緩動(dòng)函數(shù)為ease-in-out，infinite表示動(dòng)畫無限循環(huán)。

在@keyframes里定義一個(gè)heartbeat動(dòng)畫，從初始狀態(tài)(scale為1)到結(jié)束狀態(tài)(scale為1.2)的變化過程，這個(gè)過程會(huì)無限循環(huán)地發(fā)生。

使用這個(gè)效果可以使數(shù)字變得更加吸引人，適合在網(wǎng)頁中使用。可以用于展示數(shù)字的變化或?yàn)樘囟〝?shù)字或數(shù)據(jù)添加一些特效。