A Pen by Andrew Kirchmyer.

index.html

box shadow on one side using the 4th "spread" value in box-shadow
<div class="mybox"></div>


Multiple box shadows can be used to "outline" elements

<div class="mybox2"></div>

outline-elements-with-box-shadow-"spread".markdown

outline elements with box shadow "spread"

A Pen by Andrew Kirchmyer on CodePen.

License.

style.css

.mybox {
    width: 100px;
    height: 75px;
    background-color: #ccc;
    box-shadow: 0 11px 5px -5px #666 ;
}
.mybox2 {
    width: 100px;
    height: 75px;
    background-color: #ccc;
    box-shadow: 0 0 0 5px black, 0 0 0 10px gold;
}