火焰字是一種常見而又炫酷的CSS效果，它能讓文字像火焰一樣燃燒起來。下面我們來介紹一下如何實現這個效果。

.fire-text{
font-size: 4em;
text-shadow: 0 0 10px #ff0000, 0 0 20px #ff8000, 0 0 30px #ffff00, 0 0 40px #00ffff, 0 0 50px #0000ff, 0 0 60px #ff00ff;
background-color: black;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}

首先，在CSS中設置字體大小為4em，然后使用text-shadow屬性創建一個陰影效果，陰影的顏色從紅色到紫色不斷變化，形成火焰的顏色漸變。接著，設置背景顏色為黑色，文字顏色為透明，使用background-clip屬性將背景裁剪為文字形狀，再使用-webkit-background-clip屬性對不同的瀏覽器做兼容處理。

最終效果如下：

火焰字