상자 그림자에서 15 px, # 000000 불투명도를 # 000000 불투명도로 어떻게 사용할 수 있습니까?

Question

나는 css과 html에 새롭고이 계획에이 상자 그림자를 주입하고 싶습니까?

box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7) #dadada; 

을하지만 나의 목적 output.How 내가 그것에 대해 CSS를 쓸 수 덕분에 모든 : 그 목적을 위해

Box shadow: 15 px, #000000 7 % opacity to #000000 0 % opacity 

이 CSS를 쓰기?.

Answer 1

이

body{ 
 
    background-color:wheat; 
 
} 
 
#demo{ 
 
    position: relative; 
 
    margin:20px; 
 
    width: 50px; 
 
    height: 50px; 
 
    background-color:aqua; 
 
} 
 
#demo:before{ 
 
    position: absolute; 
 
    z-index: -1; 
 
    left:-15px; 
 
    top:-15px; 
 
    width: 80px; 
 
    height: 80px; 
 
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); 
 
    content: ''; 
 
}

<div id="demo"></div>