Skip to content

Instantly share code, notes, and snippets.

@magemore
Created April 25, 2012 04:46
Show Gist options
  • Save magemore/2486462 to your computer and use it in GitHub Desktop.
Save magemore/2486462 to your computer and use it in GitHub Desktop.
CSS Adding shadow to borders and images – box-shadow
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
@magemore
Copy link
Author

Helps make your borders and images “pop” from the background more, giving a subtle 3D-like visual cue that it’s something separate, in the foreground, and the thing that visitors should be looking at.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment