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