Simple-Tooltips

Very easy to use CSS-only tooltips.

Create pure CSS tooltips without a single line of JavaScript code!

Install

npm install simple-tooltips --save

<link rel="stylesheet" href="/node_modules/simple-tooltips/dist/simple-tooltips.css" />

or

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-tooltips/dist/simple-tooltips.css" />

and use it like this

<button data-stt aria-label="Super simple awesome Tooltip!">This is a <b>Tooltip</b> Button! <i>Hover me!</i></button>

Preview

xmlmxmlmx.github.io/Simple-Tooltips