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

2 votes246 views1 answer
Ho to choose the first child of parent in css
CSS
0 vote229 views1 answer
Iphone CSS
CSS
68 votes244 views5 answers
Jquery css
CSS
1 vote193 views1 answer
Css min value
CSS
-1 vote230 views1 answer
Css backdrop filter grayscale
CSS
1 vote241 views1 answer
Background color for whole page css
CSS
0 vote265 views1 answer
Array_filter use keys
CSS
2 votes236 views1 answer
Css minmax
CSS
2 votes231 views1 answer
Mat slide toggle change color
CSS
-2 votes229 views3 answers
Css example
CSS