Purecsstooltip.css is used in a plug-in tooltip for a web application or webpage without javascript that you just added the CSS file in your header is to import CSS into your style and you can use it.
tooltip css, tooltip css tricks, custom tooltip css, tooltip animation css, css tooltip generator, html tooltip attribute
How to make use of it:
1. Install and import the purecsstooltip into JS.
# NPM $ npm i purecsstooltip
import 'purecsstooltip';
2. Or import the minified version of the tooltip library within the doc.
<link rel="stylesheet" href="purecsstooltip.min.css" />
3. Attach a tooltip to the component by defining the tooltip text within the tooltip-lbl attribute:
<button tooltip-lbl="Tooltip Content"> Hover Me </button>
4. Set the position of the tooltip:
<button tooltip-lbl="Tooltip Content" tooltip-pos="top"> Hover Me </button>
5. Set the tooltip size utilizing the next CSS classes:
<button tooltip-lbl="Tooltip Content" tooltip-pos="top" tooltip-size="sm"> Hover Me </button>
Simple CSS Only Tooltips Plugin/Github
See Demo And Download
Official Website(iamsgokul): Click Here
This superior jQuery/javascript plugin is developed by iamsgokul. For extra Advanced Usages, please go to the official website.
