Minimalist CSS3 Animated Tooltip Library – Tooltip.css

Just another pure CSS tooltip library that displays a CSS3 animated tooltip when the user hovers hover the matched elements.

How to use it:

Simply include the tooltip.css in the head section of the html document and we’re done.

<link rel="stylesheet" href="tooltip.css">

Use the ‘data-tip’ attribute to define the text content for the tooltip.

<span class="tool" data-tip="Tooltips are the coolest things" tabindex="1">tool</span>