ArtDesign Notification

Description

ArtDesign Notification is a JavaScript PlugIn, which presents HTML content in a dynamic framework
4 positions - TopLeft, BottomLeft, TopRight, BottomRight
Auto close
Full support of all modern web browsers
Full style control only with JavaScript, without using CSS
Full style control - Size (width, height), Margin and Padding, Background (background color), Border (width, color, radius), Icon (font, size, color)
Set the style with attributes
Set multiple styles to one element, each of them overwrites the previous
Opportunity to define an unlimited number of own styles
Hover / click animations
Listening for click events

Implementation

Notification
View code

Styles

Icon | TopRight | BottomRight | BottomLeft | TopLeft | Close | BorderRadius | OnlyContent | Red | Pink | Purple | DeepPurple | Indigo | Blue | LightBlue | Cyan | Teal | Green | LightGreen | Lime | Yellow | Amber | Orange | DeepOrange | Brown | Grey | BlueGrey
View code

Examples

Custom HTML | Hover Event | Focus Event
View code

Editor

Open editor

Download HTML
Download Settings
Reset HTML
Reset Settings