鼠标悬停文本外发光
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>
<!-------------文字外发光---------------->