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 move/position DIV container by changing CSS values using Javascript?

    How to Update a Class in HTML given a new Firebase response?

    How to align images to the bottom with css?

    How to view browser's calculated CSS specificity?

    How to push content div to footer div while keeping background in the picture

    How to put a space between the hover effect in this situation css html php?

    How to make the height REALLY 100%

    How to Override bootstrap img height and width properties?

    How to Make Auto Size Horizontal Line DIV using css?

    CSS - How to view computed font size?

    How to move content in ul to the center HTML + CSS

    How to override css property to default?

    How can i hide certain table column in a HTML table using CSS

    How to handle alternating rows dynamically?

    How to fix a glitchy header collapsing to nav bar

    How to add CSS tag to ruby on rail loop?

    How To Select Two classes with CSS?

    How to fade out after hover is done using CSS

    How to change the look of a timer in javascript, css?

    how to set zoom level using css

    transition ease-out, right to left, how?

    How can I set up a static Webkit Mask

    How to fill an element 100% vertically with children only with CSS?

    How to apply css style for dynamic tr with td and input tag?

    How do I vertically centre a div of variable height within a div of variable height?

    Using CSS alone, how can you have a Border-bottom gradient from Right to Left?

    How can I get as much of the text into a DIV row as possible?

    How to keep block elements inline and also correctly centered?

    Show all text document

    How to make element sizes to fill cell sizes and increase font in free jqgrid inline and form editing