CSS跳是一種非常有趣的網(wǎng)頁設(shè)計(jì)技巧，以動態(tài)的效果吸引著人們的注意力。

跳的實(shí)現(xiàn)代碼如下所示：
.jump {
animation: jump 1s ease infinite;
}
@keyframes jump {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-20px);
}
60% {
transform: translateY(-12px);
 }
}

上述代碼中，通過給元素添加 jump 類名，并設(shè)置動畫效果，實(shí)現(xiàn)了跳躍的效果。其中，@keyframes 是 CSS3 中用來定義動畫序列的關(guān)鍵字，通過設(shè)置不同的百分比，便可控制不同時(shí)間點(diǎn)的元素狀態(tài)。

在實(shí)際應(yīng)用中，可以將跳躍效果應(yīng)用于按鈕、標(biāo)題等元素中，以增加頁面的趣味性。