css元素边框发光效果——box-shadow
<span >border:#aaa 1px dashed;
box-shadow:inset 0 -5px 8px -7px rgba(81, 81,81,0.8);</span>
box-shadow参数解释:
阴影⽅式,可选, inset内阴影,否则默认外阴影;
x-offset相对X轴的偏移量: 0;
y-offset相对Y轴的偏移量:-5px;
blur 模糊值:8px;
扩展阴影半径:spread, 可选,但是实现边框阴影不同效果就考它了;
阴影的颜⾊:rgba(81,81,81,0.8) 其中a是指透明度alpha
例:
边框阴影相同
<span >.imgDiv{
border:#aaa 1px dashed;
box shadow怎么设置box-shadow:0 0 8px rgba(81, 81,81,0.8);}</span>
边框阴影不同
<span >.imgDiv{
border:#aaa 1px dashed;
box-shadow:
0 -5px 8px -7px rgba(81, 81,81,0.8),
0 -5px 8px -7px rgba(81, 81,81,0.8),
5px 0 8px -1px  rgba(81, 81,81,0.4),
5px 0 8px -1px  rgba(81, 81,81,0.8);
}</span>