CSS Backdrop-filter Test

This page uses backdrop-filter in 2 different ways. First, I built a simple block that moves up and down, which has a blurred background. I added a texture with transparency to create sort of a frosted effect, but then I inverted the colors so it looks more like dirt.

Later, I added some butterflies that are actually SVG masks with a backdrop-filter set to negative (using invert) and also a little blur. If not everything works, that's probably because your current browser doesn't support all of these new features yet.