Css border arrow

by Bacher

HTML

<div class="arrow1"></div>
<div class="arrow2"></div>

CSS

.arrow1 {
    display: inline-block;
    border-style: solid;
    border-width: 15px 100px 40px 0;
    border-color: transparent #393 transparent transparent;
}

.arrow2 {
    display: inline-block;
    border-style: solid;
    border-width: 100px 100px 20px 0;
    border-color: transparent #393 transparent transparent;
}