A Simple CSS Tooltip Made With Sass – simptip

simptip is a CSS library made with Sass to create simple and beauty tooltips with a lots of customize options.

Demo

Download

A Simple CSS Tooltip Made With Sass - simptip

 

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
Tags:

Leave a Reply