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

Category: Javascript , Notification , Recommended | September 25, 2015
Author: let-aurn
Views Total: 3,181 views
Official Page: Go to website
Last Update: September 25, 2015
License: MIT

Preview:

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

Description:

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
  
);

 

You Might Be Interested In:


Leave a Reply