Forums

chanman

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;

scofield

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;

chanman

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;

Odd_E



-webkit-box-shadow: inset 0 0 8px  -8px#000;
-moz-box-shadow: inset 0 0 8px  -8px#000;
box-shadow: inset 0 0 8px -8px #000;

joshuanhibbert

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

treehouse : what would you like to learn today?

Forums

Inset box-shadow question