The Shapes of CSS
CSS-Tricks Example
The Shapes of CSS
All of the below use only a single HTML element. Any kind of CSS goes, as long as it's supported in at least one browser.
Square
Rectangle
Circle
Oval
Triangle Up
Triangle Down
Triangle Left
Triangle Right
Triangle Top Left
Triangle Top Right
Triangle Bottom Left
Triangle Bottom Right
Curved Tail Arrow
Trapezoid
Parallelogram
Trapezoid
Star (6-points)
Star (5-points)
Pentagon
Hexagon
Octagon
Heart
Infinity
Diamond Square
Diamond Shield
Diamond Narrow
Cut Diamond via Alexander Futekov
Egg
Pac-Man
Talk Bubble
12 Point Burst
8 Point Burst
Yin Yang via Alexander Futekov
Badge Ribbon