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 |
