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

CSS3 Mega Tooltip Animation Pack

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

CSS3 Mega Tooltip Animation Pack - CodeCanyon Item for Sale


Ad: Bluehost hosting

\\ \\ \\ \\

CSS3 Mega Tooltip Pack

Please Read: Make sure to check the video preview! Unfortuantly for file size ease, I only recorded at 15 FPS. In Chrome and other major browsers, they animate beautifully at the browsers max potential. These will fallback in IE to standard tooltips, they will not animate. The fallback code is provided for IE, you must use the following code to display them properly in IE. Place the code between your < html > and < head > tags. +

 <!--[if IE]> <link rel="stylesheet" type="text/css" href="css/ie.css" /><br /> <![endif]--> 

How Do I use this in m HTML files?

Simply include this little line. (Read documentation for tooltip styles)

 <a class="tooltip">Hover Me<span class="mt-green">Tooltip Text Here</span></a> 

Finally, upload the CSS file provided to the root folder of your site.

I am also assuming you some minimal HTML & CSS experience as these a just raw HTML & CSS files. They are not built upon any platform. I hope you find these mega useful! Read on to see what you get.


What are you getting?

  • 8 Preset Colors + Unlimited Custom CSS Color Options
  • Advance CSS3 Animations
  • CSS3 Only; No JavaScript
  • Supports all major browsers
  • Supports IE8 +9 with fix included
  • Clean Code Arrangement
  • Easy to Implement On to Your Site
  • Very well documented. (Thorough!)
  • Includes HTML Sample to how I’ve used it
  • Lifetime Updates for Free!

Styles Included (Use for Reference)

Toaltip Text Here Tooltip Text Here hhA Tooltip Text Here flWm Text Here Tooltip Text Here Tooltip Text Here

Updates Released

1.2 - Files reverted to IE fix.

Considered Updates

Touch Screen (iPad, iPhone and other touch devices) compatibility.

Don’t forget to rate \\\\\\\\\\ if you enjoy the product!

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


22 June 12

Last Update:

High Resolution:

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

Files Included:

Software Version:


eCommerce, All Items, animation, browser, code, collection, colors, compatible, css, css3, custom, hints, html, html5, pack, smooth, tooltip