Page 81 - CSS

<div class="box_shadow"></div>

CSS

.box_shadow {
-webkit-box-shadow: 0px 0px 10px -1px #444444;
-moz-box-shadow: 0px 0px 10px -1px #444444;
box-shadow: 0px 0px 10px -1px #444444;
}

inner drop shadow

HTML

<div class="box_shadow"></div>

CSS

.box_shadow {
background-color: #1C90F3;
width: 200px;
height: 100px;
margin: 50px;
-webkit-box-shadow: inset 0px 0px 10px 0px #444444;
-moz-box-shadow: inset 0px 0px 10px 0px #444444;
box-shadow: inset 0px 0px 10px 0px #444444;
}

Result:

JSFiddle: https://jsfiddle.net/UnsungHero97/80qod7aL/1/

bottom-only drop shadow using a pseudo-element

JSFiddle: https://jsfiddle.net/UnsungHero97/80qod7aL/2/

HTML

<div class="box_shadow"></div>

CSS

https://riptutorial.com/ 59