Animated pure CSS Tooltips library.

Quick start using CDN:

https://npmcdn.com/tootik@1.0.2/css/tootik.min.css

Using npm:

npm install tootik

Using bower:

bower install tootik

Manually: download tootik.min.css and add it to your HTML.

<link rel="stylesheet" href="path/to/tootik.min.css">

Define a data-tootik attribute in your element and let the magic happen.

<span data-tootik="..."></span>

Additionally, you can define a data-tootik-conf attribute to either change position or use a feature.

<span data-tootik="..." data-tootik-conf="..."></span>

Preview

• Positioning:

• top
• right
• bottom
• left

• Types:

• invert
• success
• info
• warning
• danger

• Features:

• delay
• no-fading
• shadow
• multiline
• no-arrow
• square