Arrow up 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

239 votes324 views5 answers
Include bootstrap
CSS
3 votes225 views1 answer
Hcss change highlight color
CSS
8 votes230 views4 answers
Css dark mode
CSS
8 votes245 views2 answers
Css border bottom
CSS
0 vote208 views1 answer
Css gradient 3 color
CSS
7 votes245 views2 answers
Bootstrap Aligning images
CSS
0 vote211 views1 answer
Overriding fullpage js anchor style
CSS
37 votes210 views2 answers
Css transform y
CSS
60 votes232 views3 answers
Media query for mobile view css
CSS
5 votes225 views3 answers
How to trim leading spaces in html using css
CSS