Elegant Box Shadows In Pure CSS – Shadow.css

Category: CSS & CSS3 | November 13, 2019
Views Total:27,212 views
Official Page:Go to website
Last Update:November 13, 2019


Elegant Box Shadows In Pure CSS – Shadow.css


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>

You Might Be Interested In:

Leave a Reply