drop-shadow fun

by secretgspot

HTML

<div></div>

CSS

div {
    background-color: #6cf;
    height: 100px;
    position: relative;
    -webkit-filter: drop-shadow(0 2px 8px hsla(0,0%,0%,.5));
}
div:after {
    background-image: -webkit-radial-gradient(circle, #6cf 68%, transparent 68%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 20px 20px;
    content: '';
    height: 10px;
    position: absolute;
    top: 100%;
    width: 100%;