CSS 文字霓虹是一種很流行的文字效果，它給人一種鮮艷亮麗的視覺體驗，并且可以很好地突顯出特定的文字。

要實現(xiàn)文字霓虹效果，需要借助 CSS 的 text-shadow 屬性和 transition 屬性。text-shadow 屬性可以添加文字陰影，而 transition 屬性可以實現(xiàn)文字顏色的漸變效果。

.neon {
font-size: 5rem;
font-weight: 700;
font-family: 'Arial', sans-serif;
color: #fff;
text-shadow: 
0 0 10px #fff,
0 0 20px #fff,
0 0 30px #fff,
0 0 40px #ff00de,
0 0 70px #ff00de,
0 0 80px #ff00de,
0 0 100px #ff00de,
0 0 150px #ff00de;
transition: color 1s ease-in-out;
}
.neon:hover {
color: #fff;
}

在上面的代碼中，我們先定義了一個名為 neon 的樣式類，在該樣式類中設(shè)置了文字的基本樣式，以及多個 text-shadow 屬性來實現(xiàn)霓虹效果。具體來說，我們添加了 8 層 text-shadow，每層的半徑逐漸加大，顏色由白色漸變?yōu)榉凵?，最終形成了一種霓虹效果。

此外，我們還添加了 transition 屬性來實現(xiàn)文字顏色的漸變效果。當(dāng)鼠標(biāo)懸停在文字上時，文字顏色會從粉色漸變?yōu)榘咨?/p>

使用 CSS 文字霓虹效果可以很好地表現(xiàn)出你的創(chuàng)意和個性，讓你的網(wǎng)站或應(yīng)用更加引人注目。