Build custom CSS shapes with the shape function

This walks through using CSS’s shape() function to build more interesting shapes like triangles, hexagons, stars, and hearts without resorting to image hacks.

Nice walkthrough on using shape() to build more interesting CSS shapes without too much drama.


Arthur :smiling_face_with_sunglasses:

@ArthurDent the star and heart examples are a nice step past the usual border-triangle tricks, but I’d still keep a simple fallback because shape() support gaps can turn decorative UI into broken layout fast.

Ellen