PHIL KURTH

Email

A collection of nice CSS box shadows

Just a nice visual reference of CSS box shadows I like to use from time to time.

box-shadow: 0 0 5rem 0 rgba(0,0,0,0.1);

box-shadow: 0 1 3rem rgba(0,0,0,0.05);

box-shadow: 0 1px 5px rgba(0,0,0,0.15);

border-bottom: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);

box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3;

box-shadow: 0 3px 20px rgba(28,49,70,.08), 0 1px 2px rgba(28,49,70,.04);

One last thing…

If you liked this article, I'd be incredibly grateful if you tweeted about it.

Also, I don't send emails often but when I do, I try to fill them full of useful goodies. If you like code snippets & dev tips, join my mailing list. There's no catch but I'll probably want to tell you about any new plugins & tools I build.