Pure CSS/SASS Animated Tooltip Library – Ferret Tooltip

Views Total: 505 views
Official Page: Go to website
Last Update: October 27, 2014
License: MIT


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>
See also  CSS Based Image Captions

Leave a Reply

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