• Skip to main content
  • Skip to primary sidebar

Web Development Archive

  • Archive
You are here: Home / CSS / Box-Shadow effect

Box-Shadow effect

$shadow: 0 13px 27px -5px hsla(240, 30.1%, 28%, 0.25),0 8px 16px -8px hsla(0, 0%, 0%, 0.3),0 -6px 16px -6px hsla(0, 0%, 0%, 0.03);
$shadow: 0 15px 20px -12px rgba(0,0,0,.8);
$shadow: 0 50px 75px rgba(0,0,0,.1);

Oander

$shadow: 0 0 1.25rem rgba(20,32,50,.1);

Filed Under: CSS Tagged With: shadow

About Gabor Flamich

I'm a web developer and designer based in Budapest, Hungary. In recent years, I've documented hundreds of solutions I came across during development. This site is an archive for useful code snippets on WordPress, Genesis Framework and WooCommerce. If You have any questions related to WordPress development, get in touch!

Primary Sidebar

  • angular.io
© 2026 WP Flames - All Right Reserved