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

  Add it to your Download Basket!

 Add it to your Watch List!

0/5

Rate it!
send us
an update
LICENSE TYPE:

Other Free / Open Source License

USER RATING:
4.9/5 1
DEVELOPED BY:
Brian McAllister
HOMEPAGE:
github.com
LANGUAGE:
CSS
CATEGORY:
C: \ Forms and Controls
1 Pure CSS Tooltips Screenshot:
Pure CSS Tooltips - This script helps developers create tooltips using CSS code alone
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

Runs on: Windows / Linux / Mac OS / BSD / Solaris

requirements

#CSS tooltip #show tooltip #hover popup #tooltip #hover #popup #balloon

Add your review!

SUBMIT