在前端開發中，CSS動畫是讓網站更加生動活潑的關鍵所在。下面，我們來學習一種實現多個小球三維旋轉的CSS動畫。

.small-ball{
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #F4D06F;
position: relative;
animation: circle 3s infinite linear;
}
.large-ball{
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #5B5EA6;
position: relative;
animation: circle 5s infinite linear;
}
@keyframes circle{
from{
transform: rotateY(0);
}
to{
transform: rotateY(360deg);
}
}

在上面的代碼中，.small-ball和.large-ball是兩種不同大小的小球，分別通過animation來實現旋轉。其中，我們使用了關鍵幀動畫的方式，通過transform屬性的rotateY來實現沿Y軸旋轉。在keyframes中，我們將起始角度設為0度，結束角度設為360度，這樣就能實現一遍無限循環的旋轉。

通過將多個小球放置在不同的位置，就可以實現多個小球的三維旋轉效果了。這種動畫效果可以為網站帶來非常好看的視覺效果，同時也可以增強用戶的體驗感，讓用戶對網站印象更加深刻。