Animated Bootstrap alerts with progress bar

Animations list here: Animate.css
Settings explained
  • type - Represents the alert class type, you can chose from [dark, info, primary, success, warning, danger, purple, fuchsia] or any other custom alert classes you may create later
  • message - Alert body message
  • timeout - How long the alerts stays on screen if not dismissed, in ms, 15000 -> 15 seconds
  • alertBlock - Class or id of the DOM element you want the alert to append to, by default is body
  • animateCSS - Enable Animate.css, enable only if you have the library set up
  • animIn - Show animation class from Animate.css ex: animate__flipInX
  • animOut - Fading animation class from Animate.css ex: animate__flipOutX

Examples

Support my work @ MMLTech
Buy me a coffee My projects