CSS 火焰球是一種常見的視覺效果，可以用于裝飾各種網頁元素，比如按鈕、導航條、背景等。通過 CSS 屬性和動畫，我們可以輕松地實現一個動態、炫酷的火焰球效果。

.fireball {
width: 100px;
height: 100px;
border-radius: 50%;
background: #ff9933;
position: relative;
animation: burn 1s ease-in-out infinite;  
}
@keyframes burn {
0% {
box-shadow: 0 0 10px #ff8000;
transform: scale(1);
}
50% {
box-shadow: 0 0 20px #ffcc33;
transform: scale(1.2);
}
100% {
box-shadow: 0 0 10px #ff8000;
transform: scale(1);
}
}

上面的 CSS 代碼定義了一個 .fireball 類，其中 width 和 height 屬性設置了火球的寬度和高度為 100 像素，border-radius 屬性設置了其圓角為 50%。背景顏色為 #ff9933，即橙色。position 屬性設置為 relative，表示元素的定位方式是相對于其父元素進行的。

上述代碼中的核心部分是動畫效果，即 animation 屬性所指向的 burn 關鍵幀。在這個關鍵幀中，我們定義了火球在不同時間點的背景陰影和大小縮放。通過這些屬性的變化，我們實現了一個動態的火焰球效果。

需要注意的是，為了讓這個效果保持不間斷，我們需要將 animation 屬性的 infinite 參數設為 true。

總的來說，CSS 火焰球是一個簡單而又酷炫的網頁效果，可以應用于各種場景中，為網頁增添一份時尚和活力。