Arrow down css

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-top: 75px solid #f00;
}

Arrow left css

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent; 
  border-right: 60px solid blue; 
}

Arrow up css

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-bottom: 75px solid #761E9B;
}

Arrow right css

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green;
}

Similar codes

0 vote142 views1 answer
Relier css html
CSS
0 vote159 views1 answer
How to center a list in html
CSS
0 vote131 views1 answer
Have button beside form input
CSS
0 vote147 views1 answer
Gh: stop using --force !!!
CSS
0 vote153 views1 answer
Set height to width css
CSS
13 votes161 views4 answers
Responsive css grid
CSS
3 votes141 views1 answer
Css backdrop filter blut
CSS
0 vote148 views1 answer
Css prevent text wrap
CSS
25 votes183 views3 answers
Invisible item frames in minecraft
CSS
2 votes113 views1 answer
Multiple nth child css
CSS