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

You can use a background gradient for a work around in most cases:

SCSS(with compass) example:

@include background(linear-gradient(top, #666 1%, #999 3%, #ffffd 6%, #f6f6f6 9%, #f6f6f6 92%, #ffffd 94%, #999 97%, #666 99%) );