Notification and alert box with fade out effect on closing.

Notification Box with Removing

Notification and alert box with fade out effect on closing.
Notification bars and boxes at top, button, left and right of the page with animations and effects.

Notification Boxes and Bars at Various Positions

Notification bars and boxes at top, button, left and right of the page with animations and effects.
Notification alert box with dismiss button

Notification Message Box

Notification alert box with dismiss button
Notification box to show success and failure with action button

Success-Failure Notification Boxes

Notification box to show success and failure with action button


Circular notifications count with different styles and effects.

Circular Notifications with Various Effects

Circular notifications count with different styles and effects.
Hop over effect for showing notification counts on mouse hover.

Hop Over Effect for Notification Badges

Hop over effect for showing notification counts on mouse hover.
Pure CSS alert box appearance and closing without Javascript.

Pure CSS Alert Box

Pure CSS alert box appearance and closing without Javascript.
Animating box to show alerts and notification messages.

Animating Message Box

Animating box to show alerts and notification messages.
Success-Error notification boxes with automatic hiding.

Auto-hide Notification Box

Success-Error notification boxes with automatic hiding.
Inline and box notifications for controlling forms entered values.

Form Control Notifications

Inline and box notifications for controlling forms entered values.
Below are several codes of these notifications along with the time bar that you can customize them for yourself with the desired settings.

Several Notification Boxes with Time Bar

Below are several codes of these notifications along with the time bar that you can customize them for yourself with the desired settings.
A notification icon that runs with the animation shakes the notification icon, which is a ringtone, and a circle pops out of the center.

Notification Button Animation

A notification icon that runs with the animation shakes the notification icon, which is a ringtone, and a circle pops out of the center.
It is a notification icon in the form of a ringtone that has animation in Hover mode and shakes. This code is pure CSS.

Notification Icon with Hover Animation

It is a notification icon in the form of a ringtone that has animation in Hover mode and shakes. This code is pure CSS.
This code is pure CSS and there are 4 types of alert notifications with different topics, along with separating line animation and light animation on . . .

Notification UI Design

This code is pure CSS and there are 4 types of alert notifications with different topics, along with separating line animation and light animation on . . .
In this code, we have several alert notifications with different colors, each of which can be used for a situation. Alert notifications also have a close . . .

Notification Alert Massages in Multiple . . .

In this code, we have several alert notifications with different colors, each of which can be used for a situation. Alert notifications also have a close . . .
In this notification code, alerts are displayed by clicking a button and disappear after the display is completed. Their theme is blue and they also have . . .

Automatically Display Alert Notifications

In this notification code, alerts are displayed by clicking a button and disappear after the display is completed. Their theme is blue and they also have . . .
We have an alert notification in this code that starts counting by clicking on a button and the alarm sounds once with each count.

Page Notification Alert Counter with Bell . . .

We have an alert notification in this code that starts counting by clicking on a button and the alarm sounds once with each count.
In this post, the pop-up is displayed along with the animation. This pop-up is vertical and the button at the bottom of the pop-up shakes a little during . . .

Dynamic Expanding / Collapsing Notification . . .

In this post, the pop-up is displayed along with the animation. This pop-up is vertical and the button at the bottom of the pop-up shakes a little during . . .