How to create a Triangle in CSS

Concepts behind creating a triangle is to know about border

.triangle-up {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #ccc;
}

how to create a transparent triangle in css

Advertisements