Filter

Inset `box-shadow` doesn’t work directly on image elements. There are work-arounds, but this SVG filter can do it directly.

Don’t run! There is powerful stuff to learn here through interactive demos.

I know that you can “chain” the CSS property filter, like: All three of those filters will apply. But somehow I never thought about applying the same filter more than once. That also works, and they don’t override each other, they “stack” (or whatever you want to call it). So here’s some useless bar trivia […]

Feels notable that Iterator helpers have become Baseline Newly available. The gist is that you can map and filter on stuff that was annoying or impossible to before. I’ll copy Jeremy Wagner’s example:

We can pass the mouse position from JavaScript to CSS and use it to make unusual and playful effects.

A halftone is a pattern of dots that vary in size and spacing. It’s a printing technique that you normally don’t see, but blown up in size, is a cool aesthetic. This is a deep dive on how it can be done in CSS alone, starting quite simply!