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 vote124 views1 answer
Include css typo3
CSS
197 votes334 views6 answers
Connect html file to css
CSS
7 votes138 views3 answers
Z-index max value
CSS
0 vote122 views1 answer
Adding script in vat for product order shopify
CSS
20 votes93 views4 answers
Css display vertical align
CSS
1 vote124 views1 answer
About us page template html css codepen
CSS
0 vote176 views1 answer
Inline block and 50% width not aligning items
CSS
0 vote154 views1 answer
Responsive page
CSS
29 votes151 views4 answers
Css input selector
CSS
-1 vote84 views1 answer
Responsiveness in bootstrap
CSS