CSS發(fā)光按鈕在網(wǎng)頁設(shè)計(jì)中常常被用到，具有一定的視覺效果，有時(shí)可以為網(wǎng)頁增色不少，下面是一份CSS發(fā)光按鈕的特效代碼：

<button class="glow-on-hover">發(fā)光按鈕</button>
<style>
.glow-on-hover {
width: 200px;
height: 50px;
border: none;
outline: none;
color: #fff;
background-color: #1abc9c;
cursor: pointer;
position: relative;
z-index: 0;
border-radius: 10px;
font-size: 20px;
font-weight: bold;
text-align: center;
overflow: hidden;
}
.glow-on-hover:before {
content: '';
background: rgba(255,255,255,0.5);
position: absolute;
top: -50px;
left: -50px;
width: 100px;
height: 100px;
border-radius: 50%;
transition: all 0.7s ease-in-out;
z-index: -1;
}
.glow-on-hover:hover:before {
top: -10px;
left: -10px;
}
.glow-on-hover:focus:before {
top: -10px;
left: -10px;
}
</style>

代碼中的class名為“glow-on-hover”，意為鼠標(biāo)懸停時(shí)出現(xiàn)的發(fā)光效果。當(dāng)鼠標(biāo)懸停在按鈕上方時(shí)，會出現(xiàn)一個(gè)白色的發(fā)光圓形，給用戶帶來視覺上的沖擊。同時(shí)，該按鈕還具有圓角的設(shè)計(jì)，使其更加美觀。如果想要修改按鈕的大小、顏色等樣式，可以自定義class名進(jìn)行修改。

綜上所述，該CSS發(fā)光按鈕特效代碼具有較高的可復(fù)制性，在需要使用類似特效時(shí)可以直接引用，將自己的class名加以修改即可。