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

Shadow inside of a div?

Shadow inside of a div?

Problem

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:

http://www.suckmypic.net/7qvCgnGk.png

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

Thanks for helping me out ;)

Problem courtesy of: Tim Dau

Solution

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

Discussion

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

×