Playground

Interactive references for the things I keep looking up.

• CSS nth selectors

  A visual playground for :nth-child, :nth-of-type and friends, plus the sibling combinators.

• CSS clip-path

  A visual playground for clip-path, with draggable polygon points and every shape function on one page.

• CSS corner-shape

  A visual playground for corner-shape, from squircles to notches, and how every keyword maps to a superellipse.

• CSS gradients

  A visual playground for linear, radial and conic gradients, color stops, and how the color space changes the fade.

For everything else, see the MDN Web Docs by Mozilla.