標簽，并在CSS中設置它們的樣式。我們可以使用border-radius屬性來將這三個球變成圓形，使用background-color屬性來設置它們的顏色。

<div class="ball red"></div><div class="ball blue"></div><div class="ball green"></div>.ball {
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
}
.red {
background-color: #ff0000;
left: 50px;
top: 50px;
}
.blue {
background-color: #0000ff;
left: 100px;
top: 100px;
}
.green {
background-color: #00ff00;
left: 150px;
top: 150px;
}

接下來，我們可以使用CSS3中的animation屬性來給這些小球添加動畫效果。我們可以使用@keyframes關鍵字來定義一個動畫序列，然后將其綁定到小球的類上。這樣，當頁面加載時，小球就會自動開始動畫。

.ball {
animation: bounce 0.5s infinite alternate;
}
@keyframes bounce {
from { top: 0; }
to { top: 200px; }
}

最后，我們還可以通過CSS3中的box-shadow屬性來為小球添加陰影。這樣可以讓小球看起來更加立體，也可以提高網頁的美觀程度。

.ball {
box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

到這里，我們就成功制作了三個小球，并為它們添加了動畫和陰影效果。CSS3的強大功能讓我們可以用很少的代碼就實現非常復雜的效果，相信在以后的網頁開發中會有很大的用處。