CSS Divの枠線が表示されなくても表示されます

Question

現在、ウェブページにキャンドルエフェクトを再現しようとしています。 ここでの結果です：https://jsfiddle.net/Zenoo0/z9nejmn3/

HTML

<div id="light"></div> 

CSS

#light { 
    top: 50%; 
    left: 50%; 
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    border: none; 
    position: absolute; 
    background-color: rgba(255, 165, 0, 0.5); 
    -webkit-box-shadow: 0 0 52px 52px rgba(255, 165, 0, 0.5); 
    -moz-box-shadow: 0 0 52px 52px rgba(255, 165, 0, 0.5); 
    box-shadow: 0 0 52px 52px rgba(255, 165, 0, 0.5); 
    animation-name: lightFlicker; 
    animation-duration:3ms; 
    animation-delay:200ms; 
    animation-timing-function: ease-in; 
    animation-iteration-count: infinite; 
    animation-direction: alternate; 
    z-index: 10; 
} 

あなたが見ることができるように、私の背景光がまだ私は以前にそれを設定していても、少しの境界線を持っているが、誰にも。 私はそれを削除する方法を把握していないようです。

ありがとうございました。

Answer 1

はfilter: blur(4px);