Advanced use

Add tooltips on images, links, etc.

You can put whatever you want in the container:

Markdown	Output
[[a link](https://www.mkdocs.org)]{hello}	a link
[]{hello}

Add emojis in tooltips

Due to the fact that hint.css is a pure CSS library, it's not possible to add complex html content inside tooltips. But you can still use emojis:

Markdown	Output
[I ❤️ emoji]{🐶🤗✨}	I ❤️ emoji

Escaping

If the block starts with a \, the tooltip is not rendered:

Markdown	Output
You can escape \[tooltips]{Hello!} if you need.	You can escape [tooltips]{Hello!} if you need.

Add custom CSS

All tooltip containers have the tooltip class. You can change their style with custom css:

.tooltip {
  cursor:default;
}