The Functional Shape of Undead Things: CSS Shape Functions

I recently wrote a series of articles for CSS Trick’s almanac on how to use all of the CSS shape functions. There’s basically three uses for each of them: clip-path (cutting one shape out of another), offset-path (animating an element along a path), and shape-outside (letting text flow around an element in a non-rectangular way). Check them out:

• circle()
• ellipse()
• inset()
• xywh()
• polygon()
• path()
• shape() (not yet supported in all browsers)