Arrow right 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 vote381 views1 answer
Chai assert
CSS
0 vote354 views1 answer
Calendar api
CSS
0 vote313 views1 answer
Formatage date css
CSS
4 votes318 views3 answers
Glowing text css
CSS
0 vote344 views1 answer
Make the cursor appear as a crosshair on all links of the web page:
CSS
42 votes370 views6 answers
Disable textarea resize
CSS
1 vote294 views2 answers
CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element's transformation origin. By default, what is the location of the origin?
CSS
35 votes347 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS
0 vote340 views1 answer
Spree_digital
CSS
3 votes335 views2 answers
Ignore cache pip
CSS