Elegant Box Shadows In Pure CSS – Shadow.css

Preview:

Description:

Shadow.css provides a collection of 8 preset box shadows styles to display the Elevation between cards & your webpage along the z-axis.

How to use it:

1. Download and import the Shadow.css into the document.

<link rel="stylesheet" href="./shadow.css" />

2. Add the following CSS classes to the block elements and done.

<div class="shadow-4"></div>
<div class="shadow-5"></div>
<div class="shadow-6"></div>
<div class="shadow-sharp"></div>
<div class="shadow-diffuse"></div>
<div class="shadow-dreamy"></div>
<div class="shadow-shorter"></div>
<div class="shadow-longer"></div>