鼠标悬停文本外发光
HTML代码:
<light-font class="hover">
<a href="AAA" style="color: #fff;">
Neon
</a>
</light-font>

CSS代码:
<!-------------文字外发光---------------->
<style>
light-font {
    font-size: 14vmin;
    margin: auto;
    text-shadow: 0 0 10px #0ebeff, 0 0 20px #0ebeff, 0 0 50px #0ebeff, 0 0 100px #0ebeff, 0 0 200px #0ebeff;
}
.hover {
    text-shadow: unset;
    transition: 1s;
    cursor: pointer;
    &:hover {
        text-shadow: 0 0 10px #0ebeff, 0 0 20px #0ebeff, 0 0 50px #0ebeff, 0 0 100px #0ebeff, 0 0 200px #0ebeff;
    }
}
</style>
<!-------------文字外发光---------------->