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

2 votes176 views1 answer
Css click event jquery
CSS
0 vote173 views2 answers
Clearfix
CSS
10 votes177 views2 answers
Import css in another css file
CSS
76 votes164 views6 answers
Css flexbox
CSS
89 votes194 views6 answers
Padding
CSS
0 vote151 views1 answer
How to add default font css
CSS
5 votes170 views3 answers
Grid-column css
CSS
0 vote182 views2 answers
Facebook box-shadow css
CSS
0 vote172 views1 answer
Calc(100vh - px)
CSS
0 vote145 views1 answer
Responsive font size with clamp
CSS