html - 使用 css，如何在透明 div 中创建一个白色圆圈？

Question

我希望使用 css 渐变在透明 div 中创建一个包含模糊边缘的白色圆圈。

有了高于 body 的 z-index 和绝对定位，我应该能够将其移动到页面的任何部分并“遮盖”圆圈下方的所有内容。

我已经尝试过我最喜欢的梯度生成器，但它们没有用。

Answer 1

<div id="circle"></div>

CSS

#circle {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px; 
}