Simple Pure CSS Tooltip Library – btooltips.css

Category: CSS & CSS3 , tooltip | July 6, 2016
Author: zkreations
Views Total: 2,349
Official Page: Go to website
Last Update: July 6, 2016
License: MIT

Preview:

Simple Pure CSS Tooltip Library – btooltips.css

Description:

btooltips.css is a simple, plain, lightweight CSS library that displays nice-looking tooltips with optional directions on any DOM elements when hovered.

How to use it:

Just add the minified version of btooltips.css into your html page and done.

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

Add the CSS class ‘btips’ to element in which you want to display the tooltip. You’re able to add any content into the tooltip popup via both title and data-title attributes.

<a class="btips" title="Tooltip content">
  ...
</a>

Change the default direction with following CSS classes.

<a class="btips">
  Top
</a>

<a class="btips b">
  Bottom
</a>

<a class="btips l">
  Left
</a>

<a class="btips r">
  right
</a>

 

You Might Be Interested In:


Leave a Reply