demo: https://❤️shiroi.netlify.❤️app/gallery/glowing-menu-buttons/dist/
简略效果如图
深色背景下还是很奈斯！记录一下，否则会忘；
应用到的css属性
- box-shadow 属性，生成多层重叠效果；
- transition属性，渐变效果
代码
很简单，做个示例，由于需要多层shadow，所以我们的dom最好脱离文本流； 当hover目标元素是就会触发box-shadow展开;
<div class="spot">1111</div>
.spot{
position:absolute;
transition: 0.5s;
&:hover{
box-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white, 0 0 0 20px rgba(255, 255, 255, 0.05), 0 0 0 40px rgba(255, 255, 255, 0.05), 0 0 0 60px rgba(255, 255, 255, 0.05), 0 0 0 80px rgba(255, 255, 255, 0.05), 0 0 0 100px rgba(255, 255, 255, 0.05)
}
}
.spot的长宽高和具体定位就不写了，主要就是利用box-shadow来实现~
