animatedModal.js

OPEN MODAL

animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions by animate.css or create yourself their transitions.

Demos

01

animatedIn: 'zoomIn',

animatedOut: 'bounceOut'

02

animatedIn: lightSpeedIn

animatedOut: bounceOutDown

03

animatedIn: bounceIn

animatedOut: bounceOut

1 Include Animate.css inside <head> tag

2 Include inside <body> tag

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

4 Basic Initialize

Options

Variable Default Value Options Description
modalTarget animatedModal Costumize your target
color #39BEB9 HEX, HSL, RGB, RBA Define background color
animatedIn zoomIn Choose Here Transition when the modal goes in
animatedOut zoomOut Choose Here Transition when the modal goes out
animationDuration .6s seconds Animation duration
overflow auto scroll; hidden; auto; This makes your modal scrollable or not

CROSS BROWSER SUPPORT

let's help the world together!