Tooltip is a small information box that appears when the user moves the mouse pointer over an element. This plugin made out of pure CSS3 their is no any requirement JavaScript

Include tooltip.css on your project.

• Plugin Demo
• codepen

To create a tooltip, add the data-tooltip=" " attribute to an element and specify the text that should be displayed inside the tooltip:

<a href="#" data-tooltip="I am here">Hover over me</a>

By default, the tooltip will appear on top of the element.
Use the data-position attribute to set the position of the tooltip on top, bottom, left or the right side of the element:

<b data-position="top" data-tooltip="I am here">Hover me</b>
<b data-position="bottom" data-tooltip="I am here">Hover me</b>
<b data-position="left" data-tooltip="I am here">Hover me</b>
<b data-position="right" data-tooltip="I am here">Hover me</b>

• Vineeth TR vineethtrv