Blur Background CSS Generator

vincenius

Vincent Will

Posted on October 14, 2022

Blur Background CSS Generator

I just released a tool to generate the CSS for a customized blur background. Afterward, you can easily copy the code and use it on your website.

Try it out here

I'd love to hear your feedback for improvements!

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.
Here is a demo on how it looks like:

a demo of how the background generator works

Enjoyed this tool? Help me grow by sharing it with your friends and colleagues.

Cheers, Vincent from wweb.dev!

💖 💪 🙅 🚩
vincenius
Vincent Will

Posted on October 14, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related