css arrows code example
Example 1: arrow down css
.arrow-down {
width: 0;
height: 0;
border-left: 75px solid transparent;
border-right: 75px solid transparent;
border-top: 75px solid #f00;
}
Example 2: arrow left css
.arrow-left {
width: 0;
height: 0;
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-right: 60px solid blue;
}
Example 3: arrow right css
.arrow-right {
width: 0;
height: 0;
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-left: 60px solid green;
}