A rendered modal with header, body, and set of actions in the footer.
Examples of custom modals.
Use data-animation="xxx" data-plugin="custommodal" data-overlayColor="#xxx"
.
Modal Type | Animation Code | Example |
---|---|---|
Fade in |
data-animation="fadein"
|
Show Me |
Slide |
data-animation="slide"
|
Show Me |
Newspaper |
data-animation="newspaper"
|
Show Me |
Fall |
data-animation="fall"
|
Show Me |
Side Fall |
data-animation="sidefall"
|
Show Me |
Blur |
data-animation="blur"
|
Show Me |
Flip |
data-animation="flip"
|
Show Me |
Sign |
data-animation="sign"
|
Show Me |
Super Scaled |
data-animation="superscaled"
|
Show Me |
Slit |
data-animation="slit"
|
Show Me |
Rotate |
data-animation="rotate"
|
Show Me |
Letmein |
data-animation="letmein"
|
Show Me |
Makeway |
data-animation="makeway"
|
Show Me |
Slip |
data-animation="slip"
|
Show Me |
Corner |
data-animation="corner"
|
Show Me |
Slide together |
data-animation="slidetogether"
|
Show Me |
Scale |
data-animation="scale"
|
Show Me |
Door |
data-animation="door"
|
Show Me |
Push |
data-animation="push"
|
Show Me |
Content Scale |
data-animation="contentscale"
|
Show Me |
Swell |
data-animation="swell"
|
Show Me |
Rotate Down |
data-animation="rotatedown"
|
Show Me |
Flash |
data-animation="flash"
|
Show Me |