小球彈跳運動是動力學中的基本運動之一。其規律受到重力、空氣阻力等因素的影響，因此其高度、速度、時間等因素都會受到影響。在CSS3中，我們可以通過一些屬性來模擬小球彈跳的運動規律。

.ball {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: red;
position: absolute;
bottom: 0;
animation: bounce 2s ease-in-out infinite;
}
@keyframes bounce {
0% {
bottom: 0;
}
50% {
bottom: 200px;
}
100% {
bottom: 0;
}
}

上面這段代碼中，我們首先定義了一個 class 為 .ball 的元素，它的樣式包括寬度、高度、圓角、背景色等常見屬性，并且使用了 position: absolute 屬性來使其脫離文檔流。

接下來，我們使用動畫屬性 animation 來為這個元素添加小球彈跳的動畫。其中，bounce 是自定義的動畫名稱；2s 表示每次動畫循環需要 2 秒的時間；ease-in-out 是動畫的緩動效果，使其在彈跳過程中能夠更自然。最后的 infinite 表示該動畫會無限循環播放。

在 @keyframes 中，我們定義了小球彈跳的三個階段。當時間為 0% 時，小球的底部距離文檔疊加 0 像素，也就是初始位置；當時間為 50% 時，小球的底部距離增加了 200 像素，即彈跳到了最高點；當時間為 100% 時，小球又回到了初始位置，即一次彈跳完畢。在這段代碼中，我們定義了小球彈跳到最高點的高度，可以通過修改這個值來調整其運動規律。