Pure CSS/SASS Animated Tooltip Library – Ferret Tooltip

Category: CSS & CSS3 , Tooltip | October 27, 2014
Views Total:510 views
Official Page:Go to website
Last Update:October 27, 2014


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>

You Might Be Interested In:

Leave a Reply