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

1 vote134 views1 answer
Place-items css property
CSS
0 vote128 views1 answer
Fill and no repeat background image css
CSS
1 vote120 views1 answer
Lower image brightness css
CSS
6 votes134 views4 answers
Webkit-line-clamp browser support
CSS
1 vote124 views1 answer
Css 100% -20px
CSS
43 votes128 views6 answers
Blur background css
CSS
1 vote138 views1 answer
Chrome hide blue highlight css mobile
CSS
0 vote141 views3 answers
Hyper text programming language
CSS
-1 vote123 views1 answer
Tachar texto css
CSS
-1 vote178 views1 answer
Css comando para poner una imagen como fondo en html
CSS