Runs locally
CSS Filter
Blur and brightness as a filter declaration.
Ctrl+Enter runs. Ctrl+Shift+Backspace clears.
Export and import are available after you sign in. Sign in
Blur and brightness as a filter declaration. Runs in the browser. Nothing is uploaded.
About this tool
Soften a background image, dim a photo behind text or brighten an image on hover. Set the blur and the brightness, and copy the filter declaration.
How to use it
- 01
Set the blur in pixels.
- 02
Set the brightness, where 1 means unchanged.
- 03
Copy the filter CSS.
FAQ
Frequently asked questions
What brightness value should I use?
1 keeps the image as it is, values below 1 darken it and values above 1 brighten it.
How do I blur only the background behind an element?
Use backdrop-filter with the same blur() value instead of filter.