在網頁設計中，字體是至關重要的元素之一，字體的樣式會對網頁的風格產生很大的影響。為了讓字體更加生動、吸引人，CSS3提供了一種非常有趣的字體效果——發光動畫。這個效果能夠讓字體在網頁中閃閃發光，讓人眼前一亮。

.text {
font-size: 48px;
color: #fff;
text-shadow: 0px 0px 30px #fff;
animation: glow 2s ease-in-out infinite;
}
@keyframes glow {
0% {
text-shadow: 0px 0px 10px #fff;
}
50% {
text-shadow: 0px 0px 30px #fff;
}
100% {
text-shadow: 0px 0px 10px #fff;
}
}

上面的代碼就是一個簡單的發光動畫效果，首先我們需要定義一個文字元素，然后在其中定義樣式，其中最重要的是text-shadow屬性。這個屬性可以給文字添加一個陰影效果，這里的陰影是白色的，并且有一個模糊效果。這個陰影的大小可以通過text-shadow屬性的第三個參數來進行調整，這里設置的是30px。

接著我們需要定義一個動畫效果，這里用到了CSS3的@keyframes規則，通過定義關鍵幀的狀態來實現動畫效果。這個動畫效果的名稱是glow，它的時長是2秒，動畫形式是ease-in-out，意思是先慢后快再慢。最后一個參數是infinite，意思是動畫需要一直循環。

在定義動畫的關鍵幀狀態時，我們可以根據具體的需求來設置。這里設置了三個狀態，分別是0%、50%、100%。第一個狀態是文字不發光，第二個狀態是文字開始發光，并且陰影變大，第三個狀態又回到了文字不發光的狀態。

最后，我們只需要給文字元素添加這個動畫就可以了，代碼如下：

<span class="text">Hello World!</span>

通過這種方法，我們可以輕松地實現網頁中字體的發光動畫效果，為網頁增添一份生動和活力。而且這種方法只需要一些簡單的CSS代碼就可以實現，非常方便。