Nice Corner Notification System with JavaScript and Animate.css – notification.js

notification.js is a very small JavaScript library used for displaying animated and highly custimizable notification boxes with 66+ fancy CSS3 transitions based on animate.css.

How to use it:

Include the notification.js and animate.css on the html page.

<link rel="stylesheet" href="/path/to/animate.min.css">
<script src="js/notification.js"></script>

The JavaScript to show a notification box with custom message text on the page.

Notification.create(
  // Title
  "Notification title",
  // Text
  "Long text Long text Long text Long text. 2 lines = Perfect ;)",
  // Notificaiton icon
  "john-doe.jpg",
  // animate.css classname
  "bounceIn"
  // position
  // 1 = top left
  // 2 = top right
  // 3 = bottom left
  // 4 = bottom right
  1
  
);