What this generates
This page generates either a native CSS blur filter or an SVG unsharp-mask sharpen filter. Blur uses the native filter: blur() CSS function. CSS has no native sharpen keyword, so sharpen mode emits an SVG feConvolveMatrix filter you reference with filter: url(#sharpen).
Change the fields above and the output updates live.
Related tools
See the CSS Noise/Grain Texture Generator for a related effect.
Frequently Asked Questions (FAQ)
What does this tool actually produce?
It generates either a native CSS blur filter or an SVG unsharp-mask sharpen filter. Blur uses the native filter: blur() CSS function. CSS has no native sharpen keyword, so sharpen mode emits an SVG feConvolveMatrix filter you reference with filter: url(#sharpen).
Is my image uploaded anywhere?
No. Everything runs in your browser -- whether that is a CSS snippet built from your inputs, or real pixel processing on a canvas for an uploaded photo. Nothing is sent to a server.
Can I use the output directly?
Yes. Copy the CSS/HTML snippet into your project, or save the resulting image if this tool processes an uploaded photo.
