Pure CSS Tooltips

A tooltips system created using CSS3 code alone, working only with mouse hover effects and with the help of HTML5 data attributes
Pure CSS Tooltips - This script helps developers create tooltips using CSS code alone
  1 Screenshot
Pure CSS Tooltips uses a custom HTML5 data- attribute (data-tooltip) to pass the text that will be displayed inside the tooltip.

Generating the tooltip itself is done with CSS3 code, and a simple :before and :after hack.

No images or JavaScript is used to render the tooltip and styling the final product is extremely easy.

A fully-working demo is included with the download package.

last updated on:
January 31st, 2013, 2:05 GMT
license type:

Other Free / Open Source License

developed by:
Brian McAllister
operating system(s):
Windows / Linux / Mac OS / BSD / Solaris
C: \ Forms and Controls
Pure CSS Tooltips
Download Button

In a hurry? Add it to your Download Basket!

user rating 1



Rate it!

Add your review!