在CSS中，可以使用動畫效果來實現一些有趣的效果，如跳動小球。本文將介紹如何使用CSS實現跳動小球效果。

.ball {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ff6b6b;
position: absolute;
bottom: 0;
animation: bounce 1s infinite;
}
@keyframes bounce {
0% {
bottom: 0;
}
50% {
bottom: 100px;
}
100% {
bottom: 0;
}
}

首先，需要創建一個圓形小球，可以使用border-radius屬性設置圓角半徑為50%，設置寬高為50px，背景顏色為#ff6b6b。

然后，使用position屬性將小球絕對定位在頁面底部。

最后，使用animation屬性添加一個名為“bounce”的動畫，設置動畫時間為1秒，并無限循環。在@keyframes中定義動畫效果。

0% {
bottom: 0;
}
50% {
bottom: 100px;
}
100% {
bottom: 0;
}

在0%時，小球在頁面最下方。

在50%時，小球向上跳動，距離為100px。

在100%時，小球返回原位。

通過設置不同的動畫效果，可以實現各種跳動小球的效果，如變換顏色、大小等。歡迎大家嘗試！