CSS3 字體外發光效果

CSS3 中的 text-shadow 屬性可以實現字體外發光效果，讓文本內容更加引人注目。

/* 文本外發光 */
h2 {
text-shadow: 2px 2px 10px #f00;
}
/* 多重外發光 */
h3 {
text-shadow: 
0 0 5px #fff, /* 第一個陰影，白色，較模糊 */
0 0 10px #fff, /* 第二個陰影，白色，更模糊 */
0 0 15px #fff, /* 第三個陰影，白色，最模糊 */
0 0 20px #f00, /* 第四個陰影，紅色，較模糊 */
0 0 25px #f00, /* 第五個陰影，紅色，更模糊 */
0 0 30px #f00; /* 第六個陰影，紅色，最模糊 */
}

text-shadow 屬性中的參數分別表示水平方向偏移、垂直方向偏移、模糊半徑和顏色。

如果需要多個外發光效果，可以在屬性值中添加多組參數，使用逗號分隔。

優秀的使用外發光效果可以增強頁面設計效果，提升網站體驗，但不要濫用，會造成頁面效果過于花哨，影響用戶使用體驗。