Arrow left css

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 vote118 views1 answer
Typora rtl
CSS
6 votes109 views6 answers
Break word css
CSS
0 vote118 views1 answer
Css add shade over background image
CSS
25 votes124 views5 answers
Image blur css
CSS
51 votes119 views4 answers
Style scrollbar
CSS
37 votes115 views1 answer
Placeholder font size css
CSS
2 votes106 views1 answer
Make text unhighlightable
CSS
19 votes112 views6 answers
Css font family
CSS
0 vote119 views1 answer
Css position element in the middle of a header
CSS
0 vote127 views1 answer
Css media query overflow
CSS