The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Inset box-shadow question
I am wondering if there is any way you can put an inset box-shadow on just three sides of a content area or does it have to be on all the sides.
this is what I am using.
-webkit-box-shadow: 1px 1px 250px #000000 inset; -moz-box-shadow: 1px 1px 250px #000000 inset; box-shadow: 1px 1px 250px #000000 inset;
Try this:
-webkit-box-shadow: inset 1px 1px 250px #000000; -moz-box-shadow: inset 1px 1px 250px #000000; box-shadow: inset 1px 1px 250px #000000;
i gave the wrong code it’s this
-webkit-box-shadow: inset 0 0 8px #000; -moz-box-shadow: inset 0 0 8px #000; box-shadow: inset 0 0 8px #000;
There sure is, it involves a little more work though:
box-shadow: inset -8px 0 8px -8px #000, inset 0 8px 8px -8px #000, inset 0 -8px 8px -8px #000;
Example: http://dabblet.com/gist/2189699