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