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

Full CSS3 Tooltip

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Full CSS3 Tooltip - CodeCanyon Item for Sale


Ad: Bluehost hosting

This item is mainly targeted to show some of the powerful contributions of CSS3.
It uses several new CSS3 additions like transitions, transformations, opacity, shadows …


  • Pure CSS3
  • Fully and easily customizable
  • Tooltips can contain what you want (HTML, images …)
  • Three themes are included (dark, light, blue)
  • Very easy to use (please take a look at “How to use it” section to see how simple it is)
  • Same render on unsupported browsers (only the animation is not displayed; Look at the video to see the result in IE8 )

How to use it

<a href=”#”>Link</a><span>Content of the tooltip with HTML </span>
In this item, we use an “a” element associated with a “span” element, but you can use any of HTML elements (it is explained in ReadMe file with an example).

Compatible browsers

This item works with the following browsers :
  • Firefox 4+
  • IE10 (Preview)
  • Opera 10.50+
  • Safari
  • Chrome
NOTE : This item is also compatible with IE7, IE8 and IE9 but without animations.


# 1.0.1 (March 10th)
  • Added IE7 compatibility
  • Fix transparency problem
  • Use Microsoft Matrix filter for the transform property
  • Use Microsoft BasicImage filter for the rotate property

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


17 November 11

Last Update:
10 March 12

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

Software Version:
CSS3, jQuery

Files Included:


eCommerce, All Items, animation, css3, tooltip, transformation, transition