Arrows in css


Description: 

Two different kind of arrows, made in CSS.




Kind:

CSS


CSS:

#arrow {
border-right:15px solid black;
border-bottom:15px solid black;
width:60px;
height:60px;
transform: rotate(45deg);
}

.pijlgroot {
display: block;
margin:0 auto;
width: 0;
height: 0;
border-left: 5rem solid transparent;
border-right: 5rem solid transparent;
border-top: 3rem solid #ff8c00;
}


HTML: