Читати статтю
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
