CSS3動畫是前端開發(fā)中必不可少的一部分，而CSS3的animation屬性更是讓動畫效果變得更加豐富和生動。其中，animation的參數(shù)中的一個關鍵字——step，可以實現(xiàn)一些非常有趣的效果。

/* 實現(xiàn)文字打字效果 */
@keyframes typing {
from { 
width: 0; 
}
to { 
width: 100%; 
}
}
.typing::after {
content: "|";
animation: typing 2s steps(20);
}
/* 實現(xiàn)跳動數(shù)字效果 */
@keyframes jump {
from { 
transform: translateY(0); 
}
to { 
transform: translateY(-100%); 
}
}
.jump {
animation: jump 1s steps(10, end) infinite;
}

在上面的代碼中，我們可以看到steps函數(shù)被用于定義動畫的steps（步數(shù)）。它需要兩個參數(shù)：

• 第一個參數(shù)指定了動畫的總步數(shù)。
• 第二個參數(shù)是可選的，指定了在動畫不完全匹配步數(shù)時應該使用哪種行為，它可以是start、end或middle。默認值為end。

在實現(xiàn)文字打字效果的代碼中，我們使用steps(20)表示將動畫分為20個步驟進行播放，使文字像被打字一樣一個一個出現(xiàn)。

而在實現(xiàn)跳動數(shù)字效果的代碼中，我們使用steps(10, end)表示將動畫分為10個步驟進行播放，并在動畫播放完整的一次后，再次從頭開始播放（設置為infinite），實現(xiàn)數(shù)字的跳躍效果。

以上就是關于CSS3 animation step的一些介紹和應用，希望對您有所幫助。