One thing that has long surprised (and saddened) me is that the clip-path property, as awesome as it is, only takes a few values. The circle() and ellipse() functions are nice, but hiding overflows and rounding with border-radius generally helps there already. Perhaps the most useful value is polygon() because it allows us to draw a shape out of straight lines at arbitrary points.
Here’s a demo of each value:
See the Pen clip-path examples by Chris Coyier (…
The post An Initial Implementation of clip-path: path(); appeared first on CSS-Tricks.