Animate. CSS ."> Animate. CSS .">

Sistema de notificación de esquina agradable con JavaScript y Animate. CSS-Notification. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: let-aurn
Views Total: 3,605
Sitio oficial: Ir a la web
Actualizado: September 25, 2015
Licencia: MIT

Vista prévia

Sistema de notificación de esquina agradable con JavaScript y Animate. CSS-Notification. js

Descripción

Notification. js es una biblioteca JavaScript muy pequeña que se utiliza para mostrar cuadros de notificación animados y muy custimizable con 66 + transiciones CSS3 de lujo basadas en < a href = "https://daneden.github.io/animate.css/" target = "_ blank" rel = "noopener" > Animate. CSS .

Funcionamiento

Incluya Notification. js y Animate. CSS en la página HTML.

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

El código JavaScript para mostrar un cuadro de notificación con texto de mensaje personalizado en la página.

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


);

 

Te puede interesar: