水球是CSS中比較有趣的動畫效果之一，它可以模擬出水球在移動和跳動的效果，非常逼真。

.ball {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #0099cc;
position: relative;
animation: jump 1s ease-in-out infinite;
}
.ball::before {
content: "";
position: absolute;
width: 26px;
height: 26px;
border-radius: 50%;
background: #5fc5d0;
left: 16px;
top: 4px;
animation: shine 1s ease-in-out infinite;
}
@keyframes jump {
0% {
transform: translatey(0);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0);
}
}
@keyframes shine {
to {
left: 35px;
opacity: 0;
}
}

上面是水球效果的CSS代碼，可以看到，主要是利用了CSS3的動畫效果，通過不同的關鍵幀控制球體的移動和發光效果。

同時，需要注意的是，水球的實現也需要考慮到頁面的兼容性和性能，過度使用CSS3的動畫效果可能會影響頁面的性能，因此，要根據實際需求合理使用水球效果。