Elegant Box Shadows In Pure CSS – Shadow.css

Author: d2-projects
Views Total: 15,410 views
Official Page: Go to website
Last Update: November 13, 2019
License: MIT


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>

See also  Pure HTML5 / CSS3 Cross-fading Slideshow

Leave a Reply

Your email address will not be published. Required fields are marked *