css

Left side box shadow only in CSS

.element {
    -webkit-box-shadow: -5px 0 5px -5px #333;
    -moz-box-shadow: -5px 0 5px -5px #333;
    box-shadow: -5px 0 5px -5px #333;
}

/* FOR INSET CASE */
.elemnt_inset_left_shaow {
    -webkit-box-shadow: 7px 0 4px -4px #333 inset;
    -moz-box-shadow: 7px 0 4px -4px #333 inset;
    box-shadow: 7px 0 4px -4px #333 inset;
}

Use this code to apply box-shadow to an element to its left side only.

Was this helpful?