-2

inside boxshadow

I am using box-shadow but it makes the whole container wrapped with shadow, how can I make a shadow only in the inside (top center) box?

kumarharsh
  • 18,961
  • 8
  • 72
  • 100
Ali Torki
  • 1,929
  • 16
  • 26
  • Hi, welcome to StackOverflow. When you ask questions, it'd be helpful to see what you've already tried so that poeple aren't duplicating efforts and your question doesn't get downvoted or flagged. – kumarharsh Dec 23 '15 at 17:10
  • Also, have a look at the documentation at MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow so that you can learn more about how to use box-shadow. – kumarharsh Dec 23 '15 at 17:11

1 Answers1

0

Have you tried INSET this will put a shadow on the inside of an element.

.shadow{
box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
}
D Jones
  • 76
  • 10