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