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

5 votes186 views3 answers
Css set div heigtto screen
CSS
0 vote232 views1 answer
Bootstrap accordion some change
CSS Bootstrap
10 votes202 views6 answers
Css bottom shadow
CSS
2 votes238 views1 answer
Contenteditable new line
CSS
1 vote257 views1 answer
Input date icon color change
CSS
0 vote178 views1 answer
Horizontal scroll menu fade edges
CSS
32 votes193 views6 answers
Animations css
CSS
0 vote204 views1 answer
Asp net css how to change text alignment of gridview column
CSS
66 votes183 views6 answers
Rotate element css
CSS
12 votes211 views5 answers
Responsive font size
CSS