Sign up form in blur popup

HTML & CSS
1

Hi one and all,

I have created sign in button on top of web page(only button no form fields). My idea is whenever user click on sign in button the sign in form should popup and the main page(background page) should get blur. If user sign in successfully then he should return back to the page where the popup occurred.
I hope this can be created in .css. So anyone know about it…
It will be much helpful if you guide me to create as per i mentioned above.

Thank You…
Have a nice day…

2

Hi welcome to Sitepoint :slight_smile:

What you ask for will most likely require javascript as well as CSS to create this effect. There is a demo here that seems to do what you want.

There are some nice css3 effects in this demo.