0

I use css3 in my web projects but i don't know how to set a inset little shadow on the top of the box ? I tried to set this following code for ex :

box-shadow:inset 0px 0px 10px #fff

Thanks

Boris Brodski
  • 8,425
  • 4
  • 40
  • 55
  • What browser have you tested? Do you have a background? Have you [looked](http://stackoverflow.com/questions/2490029/css3-box-shadow-inset-rgba?rq=1) [at](http://stackoverflow.com/questions/5400130/why-does-a-background-break-a-box-shadow-inset-effect?rq=1) related questions? – Antoine Dec 04 '13 at 08:47
  • Is it possible that the background of your element is white and therefore you do not see the shadow? – Bas van Dijk Dec 04 '13 at 08:49
  • please provide `jsfiddle` , your code seems be ok – Hamed mayahian Dec 04 '13 at 08:53

1 Answers1

2

How about something like this:

box-shadow: inset 0px 10px 10px -2px #FFF;

JSFiddle

animuson
  • 53,861
  • 28
  • 137
  • 147
George
  • 36,413
  • 9
  • 66
  • 103