CSS3 inner shadow

In: CSS

April 19th, 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.

Written by

Dejan is pragmatic software developer with Master's Degree in Computer Science. He is currently based in Belgrade (Serbia).