https://github.com/catc/simple-hint

CSS-only tooltip packed with a variety of features.
https://github.com/catc/simple-hint

animation css hint simple

Last synced: 2 days ago
JSON representation

CSS-only tooltip packed with a variety of features.

• Host: GitHub
• URL: https://github.com/catc/simple-hint
• Owner: catc
• License: mit
• Created: 2014-10-13T22:25:59.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2016-11-22T14:57:39.000Z (almost 8 years ago)
• Last Synced: 2024-04-26T05:02:24.387Z (7 months ago)
• Topics: animation, css, hint, simple
• Language: CSS
• Homepage: http://catc.github.io/simple-hint/
• Size: 87.9 KB
• Stars: 166
• Watchers: 15
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Simple Hint

===========

Simple-hint is a CSS-only tooltip library packed with a variety of features. Easily customizable if you want to configure any settings. 

For demo and usage, see [official documentation](http://catc.github.io/simple-hint/).

--------------

To install via Bower:

```bash

$ bower install simple-hint

```

## Features

- positioning + alignment

- opacity fade in

- animation

- delay visibility on hover

- persistence

- tooltip sizing

- various colors

- disable on mobile

### Browser support

- Chrome, Firefox, Safari, Opera

- IE 9+ for basic usage

- IE 10+ for transitions & animations

## Customizing styles

Customing tooltips to your specific needs is easy. Just open the raw sass file - `src/simple-hint.scss`, change any sass variables, run `npm run build` and your updated css will be in `dist/`.

## License

Simple-hint is licensed under the MIT license (http://opensource.org/licenses/MIT).

## Contributing

If you find any bugs, have feature requests, or would like to contribute - either send me a pull request or open a ticket and I'll do my best to address it.