[![NPM](https://nodei.co/npm/simple-tooltips.png)](https://nodei.co/npm/simple-tooltips/)

[![](https://data.jsdelivr.com/v1/package/npm/simple-tooltips/badge)](https://www.jsdelivr.com/package/npm/simple-tooltips)
# Simple-Tooltips
Very easy to use CSS-only tooltips.

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

## Install

```bash
npm install simple-tooltips --save
```

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

or

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

and use it like this

```html
<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](http://xmlmxmlmx.github.io/Simple-Tooltips/)