Div açıldığında arka planı nasıl gölgeli gösterebilirim

Alttaki div açıldığında sitenin geri kalanını nasıl gölgeli olarak gösterebilirim

<div class="box">Gölgeli Kutu</div>



.box {
width: 200px;
height: 100px;
background-color: #f0f0f0;
margin: 20px;
/* Gölge ekleme */
box: 10px 10px 20px rgba(0,0,0,0.2);
}

css veya javascript overlay kavramına bak

Skype kullaniyorsaniz pm iletin yardimci olayim

https://codepen.io/onion2k/pen/pogRJgX