Html 我如何用方框阴影切掉CSS光晕效果的顶部?

Html 我如何用方框阴影切掉CSS光晕效果的顶部?,html,css,Html,Css,我正在使用以下div创建一个漂亮的CSS发光效果: 达克洛先生{ 宽度:1px; 高度:1px; 边界半径:50%; 背景色:000000; 盒影:0 0 450px 450px 000000; 位置:绝对位置; z指数:1; } 尝试添加此css,使用属性边界半径和框阴影: 不知道你的意思;它向我显示了1/4的圆。你们试过用负值代替阴影框中的零吗?猜猜看,我正在打电话,所以我无法测试这个JSFIDLE需要进一步澄清,因为它不能解释问题。您设置代码的方式令人困惑。。。它位于屏幕的左上角,所以我

我正在使用以下div创建一个漂亮的CSS发光效果:

达克洛先生{ 宽度:1px; 高度:1px; 边界半径:50%; 背景色:000000; 盒影:0 0 450px 450px 000000; 位置:绝对位置; z指数:1; }
尝试添加此css,使用属性边界半径和框阴影:


不知道你的意思;它向我显示了1/4的圆。你们试过用负值代替阴影框中的零吗?猜猜看,我正在打电话,所以我无法测试这个JSFIDLE需要进一步澄清,因为它不能解释问题。您设置代码的方式令人困惑。。。它位于屏幕的左上角,所以我们只能看到四分之一的辉光效果。。。如果将div居中放置在页面中央,则页面顶部将被页面顶部截断。这就是你所需要的吗?这很有帮助,但我正在寻找一条跨越地平线的硬线,隐藏圆的上半部分。你所要做的就是在css中使用:after和:before,你几乎可以做任何事情……但我只能看到1/4的圆圈。我还有一个边距,可以将全光推入视野。你能不能不使用阴影而使用渐变?
.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;
}