Full CSS3 Tooltip (Animations and Effects)

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 …

Features

  • 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

Download Full CSS3 Tooltip (Animations and Effects)

Leave a Reply

Your email address will not be published. Required fields are marked *