如何使用15像素，＃000000 7％不透明度＃000000 0％不透明度在盒子陰影？

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

可以實現這個結果與pseudoelements和linear-gradient，這樣

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>