CSS Tooltip with CSS3 Animation (Animations and Effects)

By Acty, September 23, 2013

CSS Tooltip with CSS3 Animation

The pure CSS Tooltip with CSS3 Animation Effects

Easy to use the beautiful and colorful CSS Tooltip for their own website.
Simply insert into the existing CSS file and enjoy the new CSS Tooltip.
Created with rounded corner, box-shadow and CSS3 animation.


  • 11 color variations
  • 4 Tooltip styles
  • With CSS3 Animation Effects (fadein, bounce, rotate, flip)
  • With optional Title and Icon
  • Easy to change color-set – simply change the class
  • Open Tooltip an 8 positions (topleft, top, topright, left, right, bottomleft, bottom, bottomright)
  • It works standalone

Attention – Browser-Support

  • IE7 and IE8 does not support rounded corners, box shadow, css animation
  • IE9 does not support css animation