Top 15 CSS Notifications

MATERIAL ALERT MODAL

ALERT MESSAGE

Animated Bootstrap alert messages.

NOTIFICATION UI

MESSAGES BOOTSTRAP 3

New alert messages Bootstrap 3 with Font-Awesome.

POP UP SOCIAL FEED NOTIFICATION

FLASH NOTIFICATION (ERROR/SUCCESS)

Error/success flash notification card design with keyframes animations! Bouncing happy face for success message & rolling sad face for error message.

CSS ANIMATED WEB NOTIFICATION

HTML and CSS web notification animation.

ICONS SWEET ALERT

Icons sweet alert: alert, warning, info, success.

NOTIFICATION ANIMATION

NOTIFICATION BELL ANIMATION

NOTIFICATION BADGE

A notification badge to show really important emergency messages.

ONLY CSS NOTIFICATION ALERT

Simple notification alert with CSS.

CSS CIRCLE NOTIFICATIONS

Move cursor over icon on the left to animate marks. To change mark color use following class’s: .green, .blue. Marks are prepare to handle with two-digit numbers from 0 to 99. If your number is greater than 99 use logic to display 99+.

PULSING NOTIFICATION BADGE

Just what it looks like.

HOP OVER NOTIFICATION BADGE

Hop over effect for notification-type badges using CSS3 transform and :hover.