在CSS中，小球沿著軌道跑的效果可以通過動畫實現。首先，需要在HTML中創建一個小球和一個軌道的容器。

<div class="container">
<div class="track"></div>
<div class="ball"></div>
</div>

然后，在CSS中設置軌道的樣式：

.track {
height: 5px;
background-color: black;
position: relative;
}

這里設置高度為5像素，背景顏色為黑色，并且設置了相對定位，為后面的小球運動做準備。

接著，設置小球的樣式：

.ball {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: red;
position: absolute;
top: -15px;
left: 0;
animation: move 2s linear infinite;
}

這里設置小球的寬高為30像素，邊框半徑為50%，背景顏色為紅色，采用絕對定位，距離軌道的頂部為-15像素，距離軌道的左側為0像素。然后使用animation屬性，調用名為move的動畫，該動畫將以線性方式持續2秒，并且永久重復播放。

最后，編寫動畫的CSS：

@keyframes move {
0% {
left: 0;
}
100% {
left: calc(100% - 30px);
}
}

該動畫將小球從軌道左側移動到軌道右側。通過keyframes指令，將運動效果分為兩個狀態：0%狀態下小球距離軌道左側為0像素，100%狀態下小球距離軌道左側為距離軌道右側30像素。使用calc函數計算出距離軌道右側30像素的位置。

以上就是小球沿著軌道跑的CSS效果的實現過程。在實際項目中，可以根據需求進行樣式調整，達到更加美觀的效果。