clew v0.0.14

clew

An even more light-weight (1.2kb) tooltip in pure css, with animation.

Install

CDN: https://npmcdn.com/clew@latest

npm install clew

Are you using PostCSS? Then simple enough:

/* work with postcss-import */
@import "clew";
/* or the prefixed version */
@import "clew/dist/prefixed/clew.css";

Usage

Simply write like this in your HTML:

<button class="clew-$direction" data-clew="Tips To Show">
  My Custom Button
</button>

Position your tooltip:

clew-top
clew-bottom
clew-left
clew-right

Enable animation:

clew-animation

License

MIT © EGOIST