Design of Shapes Using CSS

Octal Enterprises

1) Up-Triangle 

   

            Code : #up-triangle

                  

                { 

                     width: 0; 

                     height: 0; 

                     border-bottom: 120px solid green; 

                     border-left: 60px solid transparent; 

                     border-right: 60px solid transparent; 

                }

2) Down-Triangle

             Code : #down-triangle

                {

                      width: 0; 

                      height: 0;

                      border-top: 80px solid pink;

                      border-left: 60px solid transparent; 

                      border-right: 60px solid transparent; 

                } 

3) Left-Triangle

              Code : #left-triangle

               {

                  

                     width: 0;

                     height: 0;

                     border-right: 100px solid orange;

                     border-top: 50px solid transparent;

                     border-bottom: 50px solid transparent;

              }

Keep Connected With Octal Enterprises And learn programming . . .