CSS懸停效果發光是一種可以增強頁面交互性的動畫效果，讓鼠標懸停在頁面某一元素上時，該元素會發出一種光暈效果，讓用戶感到非常有趣。下面我們就來講一下如何在CSS中實現懸停發光效果。

.hover-glow{
transition: all 0.3s ease-in-out;
box-shadow: 0 0 20px rgba(255, 255, 255, 1);
}
.hover-glow:hover{
box-shadow: 0 0 30px rgba(255, 255, 255, 1), 0 0 60px rgba(255, 255, 255, 1), 0 0 80px rgba(255, 255, 255, 1);
}

上述CSS代碼中，我們定義了一個類名為"hover-glow"的元素，并為其設置CSS過渡效果和一個白色的陰影。當這個元素被鼠標懸停時，我們就采用:hover偽類來為其添加一個更亮的陰影，在該偽類下，我們使用box-shadow屬性來定義元素的陰影。其中，第一個參數是水平位移，第二個參數是垂直位移，第三個參數是陰影擴散半徑，最后一個參數是陰影顏色。

通過這個代碼，我們可以實現鼠標懸停時元素的發光效果。如果你想讓發光效果更加鮮艷，可以嘗試調整box-shadow的參數值。