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 vote224 views1 answer
Css background templates
CSS
6 votes206 views5 answers
Grepper shortcuts
CSS
0 vote358 views1 answer
DOM element add multiple attributes
CSS
0 vote197 views1 answer
Siteorigin hide row
CSS
2 votes401 views2 answers
Remove input styling
CSS
0 vote229 views2 answers
Use font awesome as content in css
CSS
18 votes224 views2 answers
Yarn : File C:\Users\Developer Daiyan\AppData\Roaming\npm\yarn.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
41 votes265 views2 answers
Add ... to long text css
CSS
10 votes193 views2 answers
Css list elements horizontally
CSS
0 vote352 views1 answer
Live sass compiler settings
CSS