CSS3 點擊文字發光

button {
outline: none;
position: relative;
background: #444;
color: #fff;
font-size: 18px;
padding: 12px 24px;
border: 2px solid #444;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
button:before {
content: "";
position: absolute;
top: -6px;
left: -6px;
right: -6px;
bottom: -6px;
background: rgba(255, 255, 255, 0.3);
z-index: -1;
filter: blur(10px);
opacity: 0;
transition: all 0.3s ease-in-out;
}
button:hover:before,
button:focus:before {
opacity: 1;
}

以上代碼是一種通過 CSS3 實現點擊文字發光的方式。該效果可以用在按鈕或者其他文字元素上，增加交互性和視覺效果。

代碼中使用了:before 偽元素，設置背景半透明并且應用一定的模糊濾鏡，在按鈕懸浮或聚焦時，通過改變 opacity 屬性來實現文字發光的效果。

此外，還通過設置 z-index 屬性來使偽元素在普通元素的下面，產生包裹和遮擋的效果。