Make a Navbar’s Background Blur

Creating a navigation bar with a blurred background is a great way to add some visual interest to your website.

We only need 2 lines of CSS to add blur background to a Navbar:

#navbar{
  background: transparent;
  backdrop-filter: blur(10px);
}

By adding this CSS to any element in your HTML, you will get a blur background especially in Navbar. Let’s see it in action!

So, this was our short bytes of CSS, hope you liked it!

Thanks for Reading 😊

Don’t forget to like and follow for more…

Instagram: @coding_dev_

Support: https://www.buymeacoffee.com/codingdev