Advanced Search

Return to Snippet

Revision: 36141
at November 18, 2010 19:33 by visudex
Initial Code 
div{
/* What makes the shadow go inside is the keyword inset at the end */
  -moz-box-shadow:0 0 5px rgba(0,0,0,0.5) inset;
  -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5) inset;
  box-shadow:0 0 5px rgba(0,0,0,0.5) inset;
}
Initial URL 









Initial Description





Use the regular box shadow, but add the keyword "inset" as the last parameter.
Works in Firefox, Safari, Chrome, Opera and IE9.









Initial Title





Inner Shadow with CSS3









Initial Tags





CSS3









Initial Language





CSS