Can CSS3 box-shadow:inset do only one or two sides? like border-top?

Question

I\'m wondering about the support for side specific inner shadows in css3.

I know this works great on supported browsers.

div { box-shadow:inset 0px 1px 5         


        

Answer 1

For the same shadow but only on the top :

box-shadow: inset 0px 6px 5px -5px black;

To have the shadow in one direction you have to negate the "blur" parameter with the "spread" parameter and then adjust the "h-pos" and/or "v-pos" parameters by this same value. It doesn't work with opposite border or triple border. You have to add one more definition.

More examples here : http://codepen.io/GBMan/pen/rVXgqP