Responsive Pure CSS Modal

Totally responsive!

To open modal, simply create a link with (href) to the div ID 'modal'

Example:

<a href="#modal" class="modal">Open Modal CSS</a>
<a href="#modal_N" class="modal">Open Modal_N CSS</a>
<a href="#modal_video" class="modal">Open Modal Video</a>

Responsive Videos

To add support for responsive videos in his modal, add a div with class "video", and put the iframe in your video, like this:

<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/loD9nLUIQLU" frameborder="0"></iframe>
</div>

Supports Youtube,Vimeo and Others.

Close with Escape Key

Version

1.0.6

Live Demo

http://pedrolaxe.github.io/modalcss/

Author

Pedro Laxe