CSS小球左右移動，是一種很酷的網頁動畫效果。你可以使用CSS3中的animation屬性來實現它。下面這段代碼是一個基本的示例:

.ball {
width: 50px;
height: 50px;
background-color: #f00;
position: relative;
animation-name: move;
animation-duration: 2s;
animation-iteration-count: infinite; 
/*這個屬性表示動畫循環次數， infinite表示無限循環*/
animation-direction: alternate;
/*這個屬性表示動畫播放方向，在正向和反向之間來回循環*/
}
@keyframes move {
0% {
left: 0;
}
50% {
left: 50%;
}
100% {
left: 0;
}
}

上面這段代碼可以實現一個小球在自己的父元素內左右移動。其中，.ball表示小球的類名（可以根據自己的需要來修改），animation-name屬性指向了一個名為“move”的動畫。而@keyframes則定義了這個動畫的具體內容。它包含了三個關鍵幀，分別是0%、50%和100%。每個關鍵幀都包含了小球在對應位置的樣式。

通過上面的代碼，你可以實現一個基本的左右移動的小球。不過如果你想要讓這個小球更加自由地移動，你可以嘗試添加更多的關鍵幀，并在其中修改小球的樣式。