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 vote315 views3 answers
Bulma lowercase
CSS
1 vote239 views1 answer
Css hover lighten background color
CSS
85 votes284 views6 answers
Color code green
CSS
6 votes303 views3 answers
Vw css
CSS
1 vote298 views2 answers
How to lighten the color of text in html
CSS
32 votes324 views6 answers
Css font face
CSS
53 votes281 views6 answers
Background color in css
CSS
13 votes338 views6 answers
Bootstrap Badges
CSS Bootstrap
2 votes308 views1 answer
Background gradient problem
CSS
0 vote338 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS