css Polygons 2

SIMPLE TRIANGLE
with background color

6 points (3 divs)

8 points (2 divs)

10 points (5 divs)

12 points (6 divs)

14 points (7 divs)

12 points (3 divs)

BUILDING ON THE CSS POLYGONS demo, we can make some interesting star shapes simply by adding a background color to the css triangles.

Making this change has no effect on even-sided polygons, because the background of one triangle simply overlaps the triangle opposite it, and it turns the css triangle into a simple hexagon.

Note: This demo uses the rotation.css stylesheet.