noti-alert
Version:
Una simple librería de notificaciones para JavaScript puro.
1 lines • 471 B
CSS
.noti-alert{background-color:#444;border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;font-family:sans-serif;margin-top:10px;padding:12px 20px;position:fixed;right:20px;top:20px;transition:opacity .5s,transform .5s;z-index:10000}.noti-alert.info{background-color:#2196f3}.noti-alert.success{background-color:#4caf50}.noti-alert.error{background-color:#f44336}.noti-alert.warning{background-color:#ff9800}.noti-alert.hide{opacity:0;transform:translateY(-20px)}