Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Animations and Effects

Animated Tooltips Megapack

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Animated Tooltips Megapack - CodeCanyon Item for Sale


Ad: Bluehost hosting

Modern tooltips with huge collection of sliding and fading

Please read the FAQ

Slick and modern design

\\ \\ \\ \\ \\ \\ \\ \\ \\

Simple implementation

<a class="tooltips">link<span class="animated [effect] [color] [Arrow]">Your Toolbox Text</span></a>

29 Effects

  • Flash
  • Bounce
  • Shake
  • Tada
  • Swing
  • Wobble
  • Pulse
  • Flip 3D
  • FlipInX 3D
  • FlipInY 3D
  • FadeIn
  • FadeInUp
  • FadeInDown
  • FadeInLeft
  • FadeInRight
  • FadeInUpBig
  • FadeInDownBig
  • FadeInLeftBig
  • FadeInRightBig
  • BounceIn
  • BounceInDown
  • BounceInUp
  • BounceInLeft
  • BounceInRight
  • RotateInDownLeft
  • RotateInDownRight
  • RotateInUpLeft
  • RotateInUpRight
  • RollIn

All animations are pure CSS3, that means it may not work properly in older browsers. That’s the only disadvantage of modern CSS3 animations.

Why don’t use jQuery animations

  • CSS3 Animations use hardware acceleration natively, jQuery doesn’t
  • That means you’ll have much more smoother animations
  • CSS3 animations are the same on desktop, tablets and mobiles, MAC, PCs and Linux

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


4 February 12

Last Update:
4 February 12

Compatible Browsers:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Files Included:

Software Version:


eCommerce, eCommerce, All Items, animated, css3, effects, fading, sliding, toolbox, tooltip, tooltips