https://habilidadesparalavida.net/js/modalEffects.js

1/**
2 * modalEffects.js v1.0.0
3 * http://www.codrops.com
4 *
5 * Licensed under the MIT license.
6 * http://www.opensource.org/licenses/mit-license.php
7 * 
8 * Copyright 2013, Codrops
9 * http://www.codrops.com
10 */
11var ModalEffects = (function() {
12
13	function init() {
14
15		var overlay = document.querySelector( '.md-overlay' );
16
17		[].slice.call( document.querySelectorAll( '.md-trigger' ) ).forEach( function( el, i ) {
18
19			var modal = document.querySelector( '#' + el.getAttribute( 'data-modal' ) ),
20				close = modal.querySelector( '.md-close' );
21
22			function removeModal( hasPerspective ) {
23				classie.remove( modal, 'md-show' );
24
25				if( hasPerspective ) {
26					classie.remove( document.documentElement, 'md-perspective' );
27				}
28			}
29
30			function removeModalHandler() {
31				removeModal( classie.has( el, 'md-setperspective' ) ); 
32			}
33
34			el.addEventListener( 'click', function( ev ) {
35				classie.add( modal, 'md-show' );
36				overlay.removeEventListener( 'click', removeModalHandler );
37				overlay.addEventListener( 'click', removeModalHandler );
38
39				if( classie.has( el, 'md-setperspective' ) ) {
40					setTimeout( function() {
41						classie.add( document.documentElement, 'md-perspective' );
42					}, 25 );
43				}
44			});
45
46			close.addEventListener( 'click', function( ev ) {
47				ev.stopPropagation();
48				removeModalHandler();
49			});
50
51		} );
52
53	}
54
55	init();
56
57})();