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>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。