如何用盒形阴影切掉CSS发光效果？

Question

我正在使用以下div创建一个不错的CSS发光效果：

 .darkglow { width: 1px; height: 1px; border-radius: 50%; background-color: #000000; box-shadow: 0 0 450px 450px #000000; position: absolute; z-index: 1; } 

 <div class="darkglow"></div> 

如何削减效果的顶部，以使显示的画面不会显示完整的圆圈，而只能显示半月形的画面？ 我已经尝试了各种修复overflow: hidden但这似乎没有效果。

Answer 1

尝试添加此CSS，并使用属性border-radius和box-shadow ：

.darkglow:after {
    width: 1px;
    height: 1px;
    content: "";
    position: absolute;
    background-color: #fff;
    z-index: 1;
    border-radius:250px;
    box-shadow: 0 0 125px 250px #fff;
}

http://jsfiddle.net/hhvv5/