067 607 57 84
МЕНЮ

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