locked
how to make div box-shadow appear on all four sides RRS feed

  • Question

  • User1868852945 posted

    The below box-shadow works great for my drop-down menu div for the right and bottom sides of the div.

    Does someone know how to make the shadow appear also on the left and top sides?

    Thanks

    .tool_bar_container_lower {
    ;
    top: 200px;
    background-color: white;
    float: left;
    width: 20%;
    height: auto;
    margin: 0;
    border: solid 0px red;
    box-shadow: 4px 2px 4px 2px gray;
    }

    Monday, January 30, 2017 7:39 PM

Answers

  • User2103319870 posted

    You can try with the below updated css

    .tool_bar_container_lower {
    ;
    top: 200px;
    background-color: white;
    float: left;
    width: 20%;
    height: auto;
    margin: 0;
    border: solid 0px red;
    box-shadow: 0 0 4px 2px gray;
    }
    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, January 30, 2017 7:46 PM