Tooltips на чистому CSS

Hint.css - легкий файл стилів, який написаний на SASS і використовує тільки CSS і HTML. Працює без використання JavaScript.

Як повідомляють розробники, даний скрипт працює тільки в останніх версіях популярних браузерів.

Як впровадити підказки на сайт:

• Завантажити скрипт і підключити його
• У елементів data-hint прописати текст самої підказки, яка буде виводитися на сайті
• Вказати hint для потрібних вам елементів
• Вказати потрібно вам положення: hint-top, hint-right, hint-bottom, hint-left

Якщо ви хочете змінити колір підказки, то це легко робиться за допомогою класів:

• hint-error - червоний
• hint-info - коричневий
• hint-warning - синій
• hint-success - зелений

А якщо ви хочете, щоб підказка відображалася завжди, а не тільки при наведенні, то використовуйте у елементів клас:

• hint-always