Author: | d2-projects |
---|---|
Views Total: | 24,810 views |
Official Page: | Go to website |
Last Update: | November 13, 2019 |
License: | MIT |
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>