Pure CSS/SASS Animated Tooltip Library – Ferret Tooltip

Ferret Tooltip is a pure CSS library used to attach an animated tooltop to a target element, written in SASS. Accepted directions are top, right, bottom, and left.

How to use it:

Download the _ferret-tooltip.scss and include it into your project.

@import 'ferret-tooltip';

For modern browsers, add the tip tag with position CSS class to your element wrapped in the tooltip tag.

<tooltip>Hover me<tip class="on-top">I am a tooltip on top</tip></tooltip>

For old browsers, use an inline element instead.

<span class="tooltip">Hover me<span class="tip on-top">I am a tooltip on top</span></span>