Skip to content

Instantly share code, notes, and snippets.

@Ricardo-Diaz
Created October 25, 2012 22:30
Show Gist options
  • Save Ricardo-Diaz/3955893 to your computer and use it in GitHub Desktop.
Save Ricardo-Diaz/3955893 to your computer and use it in GitHub Desktop.
CSS: Add Shadow To Borders + Images
Adding shadow to borders and images – box-shadow
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.
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);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment