Image Shapes with CSS3 Example

Image Shapes with CSS3

Back to Tutorial

CSS Polygons

by @geoffreycrofte

Those polygons are realized with the rotate CSS3 property and a hidden overflow. You can click on the button "debug mode" below to reveal boxes. If you have other ways to realize advanced shapes, use the comment form ;)

Losange

Diamond

Hexagon

Octogon

Dodecagon

Irregular Dodecagon

Photographies by Vincent