どのように15 px、＃000000ボックスシャドウの＃000000の不透明度に対して7％の不透明度を使用できますか？

Question

私はcssとhtmlで新しく、この計画にこのボックスの影を植えたいですか？

その目的は、このCSSを記述するための

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

：

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

ではなく、私の目的はoutput.How私はそのための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>