Mail Notification

12.08.2020

Made with: HTML,CSS (SCSS)

View Code

PlaceholderMail Notification

Notification Bell Icon Layered Shake Animation Effect

18.02.2020

Animated Google Material Design icon. Three layers. CSS rotate transform and opacity animation effects.

Made with: HTML,CSS

View Code

PlaceholderNotification Bell Icon Layered Shake Animation Effect

Alert Message

9.12.2019

Animated Bootstrap alert messages.

Made with: HTML,CSS

View Code

PlaceholderAlert Message

Icons Sweet Alert

9.12.2019

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

Made with: HTML,CSS

View Code

PlaceholderIcons Sweet Alert

Notification Ui

23.09.2019

Made with: HTML (Pug),CSS (SCSS)

View Code

PlaceholderNotification Ui

Notification Bell Animation

3.05.2019

Made with: HTML,CSS (SCSS)

View Code

PlaceholderNotification Bell Animation

Notification Badge

23.04.2019

A notification badge to show really important emergency messages.

Made with: HTML,CSS

View Code

PlaceholderNotification Badge

Messages Bootstrap 3

15.02.2019

New alert messages Bootstrap 3 with Font-Awesome.

Made with: HTML,CSS (SCSS)

View Code

Messages Bootstrap 3

Pop Up Social Feed Notification

3.07.2018

Made with: HTML,CSS

View Code

PlaceholderPop Up Social Feed Notification

Flash Notification (Error/Success)

22.05.2018

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

Made with: HTML,CSS (SCSS)

View Code

Flash Notification (Error/Success)

Only Css Notification Alert

15.04.2016

Simple notification alert with CSS.

Made with: HTML,CSS

View Code

Only Css Notification Alert

Css Animated Web Notification

22.05.2015

HTML and CSS web notification animation.

Made with: HTML,CSS

View Code

Css Animated Web Notification

Css Circle Notifications

4.09.2014

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+.

Made with: HTML,CSS

View Code

Css Circle Notifications

Pulsing Notification Badge

13.01.2014

Just what it looks like.

Made with: HTML,CSS (SCSS)

View Code

Pulsing Notification Badge

Hop Over Notification Badge

15.08.2013

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

Made with: HTML,CSS

View Code

Hop Over Notification Badge