如何使用纯CSS制作空div或容器发光？

Question

我想要一个空容器发光，所以我使用这段代码：

double

问题在于只有边框发光，中心有一个大洞，这不是我想要的效果。我知道我可以移动阴影的位置，因此不会被容器本身重叠，但我不想要它，因为它不合适。

使用纯CSS实现此效果还有其他替代方法吗？

像这样，但没有背景：

Answer 1

box-shadow可以做到这一点，只需加快模糊和传播（第3和第4个参数）。

对于一个圈子，添加border-radius: 50%;并提供一个小width和height。

＆＃13;

＆＃13;

div {
  margin: 100px;
  width: 1px;
  height: 1px;
  background-color: lime; /* for the 1px in the center */
  border-radius: 50%;
  box-shadow: 0 0 50px 70px lime;
}

＆＃13;

<div></div>

＆＃13;

＆＃13;

＆＃13;