How to create a floating, centered and tranparent DIV using only CSS

Last updated: 09/03/2024

Its a floating notification window that I have created using Pure CSS. It is also transparent and when it shows up it is at centered of the screen.

Click the button to open a floating DIV element.

Forgot password?

This is a transparent, floating and centered DIV.

Enter your email address:

Go back to the Tutorial
More interesting and interactive Demos