Controls

hide
3
202030

Code

show

Blur Background CSS Generator

This is a tool to generate the CSS for a customizable blur background. Afterward, you can easily copy the code and use it on your website.

You can customize the gradient background color as well as the gradient color of the circles. You can set the position and the size of the circles as well.

As everything on wweb.dev this tool is under the MIT license. This means that you can use the generated backgrounds for commercial or private projects without attribution.

If you like the generated blur backgrounds or use them anywhere in your project, I'd be happy if you'd let me know. Also, feedback for this generator is always welcome. Just pass me a message on Twitter or via email: info@wweb.dev.

You might also like

CSS Section Separator Generator

Websites For Creative Backgrounds

Animated CSS Background Generator