A cross-browser collection of CSS box-shadows

update 15/05/2018 version 1.0.1

Box-shadows.css a bunch of simple and pleasant shadows for you to use in your projects. Great for tables, homepages content, containers, navigation and other blocks your website.

bShadow
bShadow-light
bShadow-inset

Change the background of the site and container to your own.

Now the collection consists of 45 shadows with number, bShadow, bShadow-light and bShadow-inset. Look them up.

Basic Usage

Include the stylesheet on your document's <head>:

<head>
<link rel="stylesheet" href="https://madeas.github.io/box-shadows.css">
</head>

Add the class .bShadow to the block you want to use:

<div class="bShadow"></div>

Finally you need change .bShadow-n or to add one of the classes.

<div class="bShadow bShadow-1"></div>
<!-- or -->
<div class="bShadow-1"></div>

read more →

Try, experiment, use whatever you want and how you want!

…as used by , and many others.