February 4, 2013

CSS-Only Tooltips With Hint.css

Tooltips are usually created and triggered with JavaScript. But, CSS is now powerful enough to handle a simple tooltip functionality itself. Hint.css is a tooltip library that is built with SASS and only uses CSS + HTML.

The library uses 

data

attribute,

content

property, pseudo elements and CSS3 transitions.

Hint.css

Tooltips are simple-yet-good looking, has arrows and can be positioned on any side of the parent element.

And, they don’t have to be visible onlyВ when hovered but can be set as “always showing” too.

Compatibility: All Modern Browsers

Website: http://kushagragour.in/lab/hint/
Download: https://github.com/chinchang/hint.css

CSS # , , , , ,
Share: / / /

You might also like

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This