Lint Bucket
Randomly finding and tinkering.

CSS backdrop-filter

The backdrop-filter property lets you apply graphical effects to the area behind an element.

thumbnail backdrop-filter - CSS: Cascading Style Sheets | MDN The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect the element or its background needs to be transparent or partially transparent.

I’ve probably come across this before, but forgot all about it until a recent episode of the syntax podcast. They were talking about the drop-shadow filter, but I searched for backdrop-filter instead when I misremembered what they said. The backdrop-filter is pretty cool, saving you from having to setup a pseudo-element positioned behind the element to get a filter going.