Hint.css 2.0

A pure CSS tooltip library for your lovely websites


Tryout

Try hovering over different things
bottom-right
bottom
bottom-left
right
.
left
top-right
top
top-left

Color Modifiers

Size variations

Small Medium Large

Extra

You can also make tooltips...

Hmm...So you don't like sharp edges?

Effects

Dont like animation?

Adding a hint--bounce class gives you that...

Maybe you do not want shadows.

Upgrading from v1.x: If you are already using v1.x, you may need to tweak certain position classes because of the way tooltips are positioned in v2.
Its recommended to use aria-label attribute to specify your tooltip text in support of accessibility. Though, you can always use data-hint attribute instead. Read more about aria-label here.
Made with hands by Kushagra Gour in India