前端怎么实现div盒子样式发光
可以使用CSS的box-shadow属性来实现div盒子发光的效果。
例如:
div {
box-shadow: 0 0 10px 2px rgba(255, 255, 0, 0.8);
}
其中,box-shadow的四个参数分别表示:
- 水平偏移量
- 垂直偏移量
- 阴影模糊半径
- 阴影扩散半径
最后一个参数是阴影的颜色和透明度,可以使用rgba()函数来设置。
这个例子中的效果是黄色的边框发光。如果需要让整个盒子发光,可以将box-shadow的偏移量设置为0。
原文地址: http://www.cveoy.top/t/topic/g1Ig 著作权归作者所有。请勿转载和采集!