animatedModal.js

animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions from modalanimate.css or create your own transitions.

Demos

01

modalTarget: 'modal-container',

effect: 'Unfolding'

02

modalTarget: 'modal-container'

effect: 'Revealing'

03

modalTarget: 'modal-container'

effect: 'Uncovering'

04

modalTarget: 'modal-container',

effect: 'Blow Up'

05

modalTarget: 'modal-container'

effect: 'Meep Meep'

06

modalTarget: 'modal-container'

effect: 'Sketch'

07

modalTarget: 'modal-container'

effect: 'Bond'

1 Include modalanimate.css inside <head> tag

2 Include inside <body> tag

3 Include the Following Libraries on bottom of your </body> tag

4 Basic Initialization

Options

Variable	Default Value	Options	Description
modalTarget	modal-container		Customize your modal target
effect	unfolding	'unfolding', 'revealing', 'uncovering', 'blown-up', 'meep', 'sketch', 'bond'	Effects for modal
autoEffect	false	true / false (Boolean)	Effects for multiple listeners Here

CROSS BROWSER SUPPORT

let's help the world together!