CSS足球滾動是一種簡單而實用的動畫效果，它能在網頁上制造出仿佛足球正在滾動的效果。以下是一段CSS代碼示例，您可以將它添加到網頁中的元素中來完成足球滾動的效果。

/* 定義足球樣式 */
#soccer {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #ffffff;
position: absolute;
top: 0;
left: 0;
animation: soccerRoll 1.5s linear infinite;
}
/* 定義足球滾動動畫 */
@keyframes soccerRoll {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(100%);
}
}

以上代碼中，我們通過定義一個id為soccer的元素來實現足球的樣式，其中width和height分別指定足球的寬高，border-radius則用來制造出圓形的效果。同時，我們將足球的位置設置為絕對定位，并將其定位于網頁的左上角，使得足球能夠從網頁的左側滾動到右側。

接著，我們利用CSS3的animation屬性來定義足球滾動的動畫效果。在keyframes規則中，我們定義了足球的初始狀態和結束狀態，并在soccerRoll動畫中引用了該規則，使足球能夠根據該動畫在網頁上滾動。

在完成以上代碼的添加之后，您可以在網頁中看到一個仿佛正在滾動的足球了。如果您需要控制足球滾動的速度和方向，可以通過修改animation和@keyframes中的相關屬性來實現。