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

0 vote384 views1 answer
Css perfekt min width mobile
CSS
114 votes383 views6 answers
Hide scrollbar css
CSS
0 vote374 views1 answer
See css from site
CSS
0 vote353 views1 answer
CKEDITOR PUSH TEXT IN FRONT OF CURSOR
CSS
1 vote430 views1 answer
Css light grey
CSS
1 vote359 views2 answers
Text overflow break line
CSS
0 vote364 views1 answer
Css hide mark border
CSS
2 votes374 views1 answer
@media prefers-color-scheme
CSS
1 vote348 views1 answer
What css font smoothing
CSS
0 vote372 views1 answer
Text decoration css transition
CSS