CSS實現球的滾動可以通過利用CSS3中的動畫屬性和transform屬性來實現。我們可以通過設置球的初始位置、尺寸和顏色等樣式屬性，并將其放置在一個容器中。

.ball {
width: 50px;
height: 50px;
background-color: #ff0000;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.container {
position: relative;
}

上述代碼中，我們定義了一個球的樣式.ball和一個容器的樣式.container。球的樣式中，我們設置了球的尺寸為50px，顏色為紅色，邊框半徑為50%（使球呈圓形），并通過position和transform屬性將球居中放置在容器的左側。

現在，我們將球設置為可以沿著容器的水平方向移動。我們可以通過CSS3中的動畫屬性來設置球的動態效果。

.ball {
/* 省略原有樣式 */
animation: moveBall 2s infinite alternate;
}
@keyframes moveBall {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}

上述代碼中，我們定義了一個名為moveBall的動畫，將其應用于球的樣式中。該動畫會使球在2s內向右移動容器的100%，然后回到初始位置。由于我們使用了infinite和alternate屬性，因此球將會一遍一遍地循環執行這個動畫效果。

如果你還想為球添加一些細節效果，比如陰影或透明背景，也可以使用CSS3屬性來實現。總之，使用CSS實現球的滾動的方法是多種多樣的，讓我們來嘗試不同的樣式效果吧！