可以使用 CSS 的 box-shadow 属性来实现 div 盒子发光的效果。

例如:

div {
  box-shadow: 0 0 10px 2px rgba(255, 255, 0, 0.8);
}

其中,box-shadow 的四个参数分别表示:

  • 水平偏移量
  • 垂直偏移量
  • 阴影模糊半径
  • 阴影扩散半径

最后一个参数是阴影的颜色和透明度,可以使用 rgba() 函数来设置。

这个例子中的效果是黄色的边框发光。如果需要让整个盒子发光,可以将 box-shadow 的偏移量设置为 0。

CSS 实现 div 盒子发光效果 - 详细教程

原文地址: https://www.cveoy.top/t/topic/ozZY 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录