Ajax Loader
×

Simple and Soothing CSS3 Notifications

Cool CSS3 Notifications. These were originally made by Peter Viszt.

I have made several changes to the CSS and HTML, and also added a Warning Notification (yellowish) box. It is created using some basic CSS3 properties like box-shadow for the borders and inner shine, linear-gradient for the background etc.

In order to make the close buttons interactive, you can simply use Javascript to bind a click event to them which would hide or remove them from the DOM.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Simple and Soothing CSS3 Notifications

    CSSDeck G+