Elegant Box Shadows In Pure CSS – Shadow.css

Category: CSS & CSS3 | November 13, 2019
Author: d2-projects
Views Total: 4,191 views
Official Page: Go to website
Last Update: November 13, 2019
License: MIT

Preview:

Elegant Box Shadows In Pure CSS – Shadow.css

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>

You Might Be Interested In:


Leave a Reply