paribhandarkar / blurred-background-popup

The webpage contains a container with a background image and a button that, when clicked, displays a popup window with a blurred background.

Blurred Background Popup

This is a simple webpage that demonstrates a blurred background popup. The webpage contains a container with a background image and a button that, when clicked, displays a popup window with a blurred background. The popup window prompts the user to enter their email and offers a 20% discount in return. The popup window can be closed by clicking on the 'x' icon or outside the popup window. The webpage is created using HTML, CSS, and JavaScript.

Demo

You can try out the application by visiting this link.

Technologies Used

• HTML
• CSS
• JavaScript

Getting Started

To get started with this project, clone the repository and open the index.html file in your preferred web browser.

New Things I Learned

I learned about filter It is a CSS property that allowed me to apply visual effects to an element. In this project, I used the blur() and brightness() functions.