Skip to content

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

Notifications You must be signed in to change notification settings

paribhandarkar/blurred-background-popup

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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.

Screenshot (34)