How to add Notificaion Button in website

Author - personSAHAB LAL

February 07, 2023

0

How to add Notification Button in Website

A notification is a message that Android displays outside your app's UI to provide the user with reminders, communication from other people, or other timely information from your app. Users can tap the notification to open your app or take an action directly from the notification.

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  font-family: Arial, Helvetica, sans-serif;
}

.notification {
  background-color: #555;
  color: white;
  text-decoration: none;
  padding: 15px 26px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  background: red;
}

.notification .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: red;
  color: white;
}
</style>
</head>
<body>

<h1>Notification Button</h1>

<a href="#" class="notification">
  <span>Inbox</span>
  <span class="badge">3</span>
</a>

</body>
</html>

What is a notification button?
How to set button in notification in android?
How do I create a notification icon?
नोटिफिकेशन बटन क्या है?
What are the 3 types of notifications?
What is the notification icon called?
Where is the notification button?
What is the function of notification icon?
How do notifications work?
What are notifications on my mobile?

Newer
Older

Post a Comment

Post a Comment (0)

Share to other apps

close

Copy Post Link