使用CSS,如何在透明div中创建一个白色圆圈？

Question

我希望通过使用css渐变创建一个白色圆圈,其中模糊边缘包含在透明div中.

由于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; 
}