Edit in JSFiddle

.my-shadow-style-one{
    height:100px;
    width:200px;
    background:maroon;
    box-shadow:2px 2px 10px 1px yellow;
}
.my-shadow-style-two{
    height:100px;
    width:200px;
    background:maroon;
    box-shadow:2px 2px 50px 1px yellow inset;
    
}
.my-shadow-style-three{
     height:200px;
    width:200px;
    background:maroon;
    border-radius:200px;
    box-shadow:20px 20px 150px 10px yellow ;
}

<div class='my-shadow-style-one'></div>

<br/>
<div class='my-shadow-style-two'></div>
<br/>
<div class='my-shadow-style-three'></div>