arrow down css

1.arrow-down {
2  width: 0; 
3  height: 0; 
4  border-left: 75px solid transparent;
5  border-right: 75px solid transparent;
6  border-top: 75px solid #f00;
7}

1.arrow-left {
2  width: 0; 
3  height: 0; 
4  border-top: 60px solid transparent;
5  border-bottom: 60px solid transparent; 
6  border-right: 60px solid blue; 
7}

1.arrow-right {
2  width: 0; 
3  height: 0; 
4  border-top: 60px solid transparent;
5  border-bottom: 60px solid transparent;
6  border-left: 60px solid green;
7}

1.arrow-up {
2  width: 0; 
3  height: 0; 
4  border-left: 75px solid transparent;
5  border-right: 75px solid transparent;
6  border-bottom: 75px solid #761E9B;
7}