Elitepack CSS3 Notification Boxes


Elitepack CSS3 is a collection of web elements that are designed with pure CSS3 technology meaning that no images have been used apart from the small icons.

The Elitepack CSS3 notifications have a clean approach and bold outlook that fit perfectly on top of your theme framework, business website or any other web project you are working on. They can e used to smartly highlight an important piece of information, warning, or notice to your users. The best part is, you can simply create you own colors by playing around with gradients and choosing the icons that you wish to incorporate.

Elitepack CSS3 Notification Boxes - 1  Features at a Glance

  • Pure CSS3
  • Classic (lite) and bright colors set 
  • Various variations and close buttons 
  • Cross browser compatibility: Chrome, Safari, Firefox, Opera, IE7 , IE8, IE9 , IE10 – Preview
  • Simple to implement
  • Abstract classes that allow you to have different combinations
  • Works well with @font-face or google fonts
  • Looks good on iPad
  • Nice CSS3 Shadows on modern browsers
  • Gracefully degrades in older browsers
  • Well Documented and commented code

Feel free to contact me if you have any questions regarding this item. I hope you enjoy it. ;)

Note: If you like this item, please spare a minute to rate it.

Elitepack CSS3 Notification Boxes - 2  Credits

A big thanks to:

Change Log

21/08/2012 – 1.2

# fixed issue with shadows in the latest firefox

25/10/2011 – 1.1

+ - left-header notifications
+ - bright colors set
+ - simple close button (.close2)
+ - IE7 support
# - Minor CSS3 improvements 

09/05/2011 – 1.0

# Initial Release


Leave a comment

Shopping cart