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

23 votes344 views4 answers
Css gradient border
CSS
20 votes347 views4 answers
Css list no bullets
CSS
1 vote356 views2 answers
Link active css
CSS
0 vote312 views1 answer
Python css
CSS
3 votes310 views1 answer
Responsive flexbox in css
CSS
3 votes329 views2 answers
Width css property
CSS
0 vote320 views1 answer
Cs cirlce
CSS
1 vote338 views2 answers
Rainbow text with css
CSS
0 vote328 views1 answer
Value error w2 should be positive but is
CSS
165 votes418 views6 answers
Box shadow inset
CSS