A simple CSS tooltip made with Sass

Simptip is a simple CSS tooltip made with Sass by Arash Manteghi. It is very lightweight and easy to use.

sass-tooltip

Usage

Firstly you need to include the stylesheet in document head:

For example you want to display a tooltip in top direction:

 Some Text 

Types of Tooltips

Some classes included with Simptip

.half-arrow : change tooltip's arrow to half arrow
.simptip-smooth : makes soft edge for tooltip
.simptip-fade : fades effect for show/hide
.simptip-movable : shows movable effect
.simptip-multiline : makes multiline body for tooltip
.simptip-success : changes color to green spectrum
.simptip-info : changes color to blue spectrum
.simptip-warning : changes color to orange spectrum
.simptip-danger : changes color to red spectrum

Github: https://github.com/arashmanteghi/simptip/
Demo: http://arashm.net/lab/simptip/

Leave a Reply