Tooltip.css is another library that finishes with ".css" 😑. This library is only a CSS library that can create tooltips. For a full documentation, go on the official website here.

Tooltip.css is created by Ellicode and the CDN, too is on Ellicode. See below ⬇️

<link rel="stylesheet" href="https://www.ellicode.com/tooltip.css/lib/tooltip.min.css">

To make a tooltip, you need to add the data-tooltip attribute and the .--ttip-container class to the tooltip element. Write the tooltip text inside this attribute. This is simple, huh? but the class is very long...

<span class="--ttip-container" data-tooltip="Here is the popup!">Hover me to show the popup!</span>

⚠️ Warning You can't use the tooltips with an element with a ::before CSS statement. To fix that, you need to wrap the element to another span element. See below.

<span class="class attributes...">element...</span>