A simple CSS tooltip.
npm install tooltip.css
@import "tooltip.css";
:root {
--tt-transition: opacity 0.2s ease-in;
--tt-colorBackground: #111;
--tt-colorForeground: #ddd;
--tt-borderRadius: 0;
--tt-opacity: 1;
}<p>
This is a <span class="tooltip tooltip--top tooltip--skin tooltip--skin--top" data-tooltip="This is a tooltip">sentence</span>.
</p>You can use modifier classes to adjust properties:
.tooltip--small::before {
font-size: 0.75rem;
}