필터 : 그냥 배경에 그림자를 내림

Question

.png 이미지와 주위에 분위기가있는 큰 흰색 그림자을 만들고 싶습니다. 하지만 그냥 배경에 영향을주고 싶습니다., 텍스트가 아닌 다른 요소와 페이지에 있습니다!

어떻게 도움이 될 수 있습니까? 그림자를 배경으로 치도록하는 방법이 있습니까? 아니면 전혀 할 수 없습니까? 감사!

HTML :

<div class="background"> 
    <div id="round"></div> 
    <div class="text"> 
     TEXT 
    </div> 
</div> 

CSS :

#round { 
    filter: drop-shadow(0px 0px 40px red); 
    width: 100px; 
    height: 100px; 
    background-color: yellow; 
    margin: 0px; 
    display: inline-block; 
} 

.background { 
    background-color: #ddd; 
} 

.text { 
    color: yellow; 
    font-weight: bold; 
    font-size: 50px; 
    float: left; 
} 

그림자가 텍스트에 반영됩니다 이런 식으로, 즉 내가 archieve하려는 것이 아니다. 답을 줄 수 https://jsfiddle.net/k371t6jd/

Answer 1

아무도 :

으로는 문제도 바이올린을 요청했다. 해결 방법은 다음과 같습니다. 문안 인사.