Box Shadow
Box shadows are used to make content appear elevated.
Example
.box-shadow-1
.box-shadow-2
.box-shadow-3
.box-shadow-4
<div class="box-shadow-1">.box-shadow-1</div>
<div class="box-shadow-2">.box-shadow-2</div>
<div class="box-shadow-3">.box-shadow-3</div>
<div class="box-shadow-4">.box-shadow-4</div>
1
2
3
4
2
3
4