CSS3 Box Shadow

by tabalinas

HTML

<div class="panel"></div>

CSS

.panel {
    width: 15em;
    height: 5em;
    position: absolute;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding-top: 3em;
    text-align: center;
}

.panel:before {
    content: ' ';
    position: absolute;
    top: .5em;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    height: 2em;
    border: 2px solid #009a67;
    box-shadow: inset -1px 2px 2px 2px #0ED6F8;
    border-radius: 50%;
}