simptip is a CSS library made with Sass to create simple and beauty tooltips with a lots of customize options.
Demo
Download
Basic Usage:
Include simptip.css on your web page.
<link rel="stylesheet" type="text/css" href="simptip-mini.css" />
Markup html structure. Using data-tooltip attribute for tooltip’s content.
<span class="simptip-position-top" data-tooltip="Tooltip's content"> Text </span>
You can also use more features of Simptip by adding these classes:
- .half-arrow
- .simptip-smooth
- .simptip-fade
- .simptip-movable
- .simptip-multiline
- .simptip-success
- .simptip-info
- .simptip-warning
- .simptip-danger