clew
An even more light-weight tooltip in pure css
Last updated 5 years ago by kchan .
MIT · Original npm · Tarball · package.json
$ cnpm install clew 
SYNC missed versions from official npm registry.

clew

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

preview

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

Current Tags

  • 0.0.14                                ...           latest (5 years ago)

5 Versions

  • 0.0.14                                ...           5 years ago
  • 0.0.13                                ...           5 years ago
  • 0.0.12                                ...           5 years ago
  • 0.0.11                                ...           5 years ago
  • 0.0.1                                ...           5 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (0)
None
Dev Dependencies (6)
Dependents (1)

Copyright 2014 - 2016 © taobao.org |