Multiple Filters

Demo Info

Demo Information

10basic

Learn how to combine multiple backdrop-filter functions to create complex effects.

Key Concepts

Combining multiple filter functions
Filter application order
Creating rich visual effects

Technical Details

backdrop-filter: blur(10px) brightness(0.8);
/* Multiple filters can be combined */
/* Filters are applied in order from left to right */
/* Separate each filter with a space */

← Back to Basic Examples

Found a bug or want to contribute? Check out the GitHub repo

Multiple Backdrop Filters

Blur + Brightness

Blurred & Darkened

Combines blur and brightness

Blur + Saturate

Blurred & Vibrant

Combines blur and saturation

Blur + Contrast + Brightness

Triple Effect

Blur, contrast, and brightness

Grayscale + Blur + Brightness

Complex Combination

Multiple filters working together