Tag Archives: How do CSS triangles work?

How do CSS triangles work?

Question There’re plenty of different CSS shapes over at CSS Tricks – Shapes of CSS and I’m particularly puzzled with a triangle: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } <div id=”triangle-up”></div> How and why does it work? Solution CSS Triangles: A Tragedy in… Read More »