GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → egoist → Clew

egoist / Clew

An even more light-weight (1.2kb) tooltip in pure css

Labels

html

clew

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

preview

Install

CDN: https://unpkg.com/[email protected]

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].