P | CSS-Tricks

The CSS path() function enables us to create complex paths, polygons and other shapes using SVG path command syntax.
The CSS polygon() function allows you to create any type of polygon to use in the shape-outside, clip-path, and offset-path properties.
The CSS paint() function allows us to use PaintWorklets as background images in CSS. PaintWorklets are images created in JavaScript that are applied to an element in CSS with the paint() function.
The progress() functions tells us where a value is relative to a minimum and a maximum as a number between 0 and 1.
Join our community of front-end nerds!
Andy Clarke shows you how to create designs that people recognize and remember in his brand-new e-book, Standout Designs for the Web. Pre-order it today!
Join our community of front-end nerds! You'll get into the Discord server and member-only perks and free swag.
Sign up to get front-end roundups, browser updates, and exclusive content sent to your inbox bi-weekly.
Get your t-shirts, prints, stickers, and yes, even mousepads at the brand-spankin' new CSS-Tricks store, now open.
CSS-Tricks is powered by a small team of real-life humans.
Handwritten. Twice a month. No spam. See past issues →