CSS Shadows (how to get rid of top shadow?)


Tags: css,shadows

Problem :

Got a problem with the css shadows. I can't figure out how to get rid of the top shadow here: http://i.imgur.com/5FX62Fx.png

What I got:

box-shadow: 0 -3px 4px -6px #777, 0 3px 4px 6px #ccc;

How do I do that? I want it to be on the left, right and bottom side.



Solution :

try like so:

  box-shadow:   3px 3px 3px #777, -3px 3px 3px #777;

(adjust hex colours to match your needs)

Example - http://jsbin.com/ebemol/1


    CSS Howto..

    How to get uncompressed css output while using LESS(less-watch-compiler.js)?

    CSS centering my slideshow in the header

    How to override default tag css to normal?

    How do I show divs in an IE print preview page that are programmatically hidden via javascript?

    How to slide content opening up with jquery

    css - how to add another div above one with 2 colums layout?

    jQuery how to click a pseudo class element :after [duplicate]

    How can I make browser scale image frames according to CSS before loading actual images into frames?

    How to change css class for multiple DOM elements with jQuery? [closed]

    How to use a sprite for a background on a div, positioning to a part of the sprite to the right of the div

    How to give an element with an id a certain CSS property if it has a class?

    How to center this element in css

    How to add footer to the bottom of the page

    CSS: How to fix overlapping divs

    How to adjust the size of the input component?

    How change css of disabled input checkbox tag?..because it's too light and hard to see

    How to make pure CSS dropdown menu appear with a fade in/slowly

    How to add image and change visibility on hover CSS

    How to use CSS Rotate() in TH Table Tags

    float css only menu - how to modify on section2

    CSS Overflow: overlay. Is it deprecated? How can I replace it?

    How to load one image and use it twice using HTML&CSS? No JS

    How to make an element with fixed position relative to its parent, not the whole screen?

    How do I get CSS mediaqueries to work with jQuery $(window).innerWidth()?

    how to decrease the height of content area for

    with css?

    How do I use Stylish to change the font in Google Tasks?

    How to make divs float on both ends of another div?

    How to write css rule that run with a special browser?

    How do I make the dropdown menu width the same as the tab size?

    how to remove table border line?