Create Triangles in Pure CSS

You can create triangle in your HTML web pages in pure CSS without requiring any JavaScript or images.

CSS Triangles

This one creates an isosceles triangle pointing downwards. Should come handy for creating speech bubbles.

And here’s another CSS snippet that generates a right angle triangle.

You can combine 4 different-colored triangles and create a square box.