Tooltip UI

hover on the icon on the right

Tooltip with any text you want

Challening parts

The structure and styling to create a tooltip. Styling-wise, the element that holds tooltip content has to be invisible until hovered on, which is controlled by opacity.

Things I learned here

I wanted to make a text with an info icon by it. If you hover SPECIFICALLY on the info icon, the tooltip pops up with a message. The div with the tooltip element has to be in a separate div from the text.