Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Shadow inside of a div?

Shadow inside of a div?


Good morning everyone :)

I would like to ask if there is any way of displaying a Shadow inside a div box without using pictures. Instead I want to use css commands. If you don't know what i mean here's a picture of tumblr where they use this, I think:

So is there some command like: -webkit-box-shadow: 1px Inset; ?

Thanks for helping me out ;)

Problem courtesy of: Tim Dau


in CSS3 theres box-shadow wich can also be inset to do exactly what you need. this is supported by the following browsers:

  • chrome >= 10.0 (>= 4.0 with -webkit-prefix)
  • firefox >= 4.0 (>= 3.5 with -moz-prefix)
  • IE >= 9.0
  • opera >= 10.5
  • safari >= 5.1 (>= 5.0 with -webkit-prefix)
Solution courtesy of: oezi


View additional discussion.

This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Shadow inside of a div?


Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription