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);

Got a project? Let's talk.

From website design & SEO through to custom WordPress plugin development. I transform ideas into dynamic, engaging, and high-performing solutions.

Subscribe to get the latest insights & updates in the world of web and how it impacts your business and website.