1. Using with jQuery animate properties;
var n = noty({ text: 'NOTY - a jquery notification library!', animation: { open: {height: 'toggle'}, close: {height: 'toggle'}, easing: 'swing', speed: 500 // opening & closing animation speed } });
About Easing
The remaining parameter of .animate() is a string naming an easing function to use. An easing function specifies the speed at which the animation progresses at different points within the animation. The only easing implementations in the jQuery library are the default, called swing, and one that progresses at a constant pace, called linear. More easing functions are available with the use of plug-ins, most notably the jQuery UI suite.
2. Using with class names. (like animate.css)
var n = noty({ text: 'NOTY - a jquery notification library!', animation: { open: 'animated bounceInLeft', // Animate.css class names close: 'animated bounceOutLeft', // Animate.css class names easing: 'swing', // unavailable - no need speed: 500 // unavailable - no need } });
easing and speed has no effect when string class name is being used.