CSS3 inner shadow

19.Apr.2011

Ever wondered how to make CSS3 inner shadow? Quite easy actually! Take a look at this CSS3 inner shadow snippet, and example below it.

-moz-box-shadow: inset 0 4px 6px rgba(0,0,0,.4);
-webkit-box-shadow: inset 0 4px 6px rgba(0,0,0,.4);
 box-shadow: inset 0 4px 6px rgba(0,0,0,.24);

Example of CSS3 inner shadow

CSS3 inner shadow

I hope you’ll enjoy using this snippet to make nice effects with CSS3 inner shadow on your website.