Right arrow
<div class=”arrow-right”> .arrow-right</div>
.arrow-right{
border-color: transparent transparent transparent #d7e4ed;
border-style: solid;
border-width: 10px;
height: 0;
width: 0;
}
Left arrow
<div class=”arrow-left”> .arrow-right</div>
.arrow-left{
border-color: transparent #e0e0e0 transparent transparent;
border-style: solid;
border-width: 10px;
right: 0;
height: 0;
width: 0;
}
Down Arrow
<div class=”down-right”> .arrow-right</div>
.down-right{
border-color: #e0e0e0 transparent transparent transparent;
border-style: solid;
border-width: 10px;
height: 0;
width: 0;
}