CSS3 Overlay System

Being only CSS, the modal is very easy to customize, without tangling yourself in JavaScript code and complex CSS style templates.

Here are some key features of "CSS3 Overlay System":

· Positioning is purely CSS based, no offset size calculations, no window resize event listeners.
· The content of the dialog can grow dynamically in height and the vertical alignment will adjust.
· JavaScript job is limited to adding/removing a class (“overlaid”) to the body tag. No frameworks required.
· Animation can be implemented with CSS3 transitions.

Requirements:

· CSS3 enabled browser
· JavaScript enabled on client side