SOURCE

<div class="arrow"></div>

.arrow{
    width: 50px;
    height: 30px;
    position:relative;
    -webkit-filter: drop-shadow(#00f 14px 0px 0);
    &:before, &:after{
        position:absolute;
        content:'';
        display:block;
        width: 15px;
        height: 4px;
        background: #000;
        top: 50%;
        margin-top: -2px;
    }
    &:before{
        transform: translateY(1px) rotate(45deg);
        transform-origin: right center;
        box-shadow: #f00 10px -10px 0 0;
    }
    &:after{
        transform: translateY(-1px)rotate(-45deg);
        transform-origin: right center;
        box-shadow: #f00 10px 10px 0 0;
    }
}