04 · CSS Filters
Hover each block to toggle filter on/off with CSS transition.
blur
blur(8px)
brightness
brightness(0.3)
contrast
contrast(3)
hue-rotate
hue-rotate(180deg)
drop-shadow
drop-shadow(8px 8px 0 #222)
stacked
contrast(1.4) saturate(1.6) hue-rotate(30deg)
backdrop-filter
Frosted glass effect — filter applied to content behind the element
backdrop-filter: blur(12px) brightness(1.1)
This panel blurs everything behind it.