Тултип — это всплывающее уведомление, как правило работающее по наведению, фокусу или по клику. Когда отображать тултипы?
Когда нужно дать короткий поясняющий текст к интерфейсу или помочь с заполнением полей. Какие основные способы работы тултипа?
По клику, По наведению, По фокусу, гибридный — по фокусу или наведению.
Важные особенности тултипов
Должны быть компактными. Рекомендуемая ширина — 250 px, максимальная — 500 px. Тултип должен находиться на расстоянии 2px от видимых границ объекта...
HTML имеет свои встроенные тултипы, но часто их дизайн не соответствует требованиям стиля макета. Сейчас мы научимся стилизовать тултипы. Для начала, нужно понять, что стандартный тултип - это своеобразное описание для элемента. Самый простой вид тултипа, который мы здесь будем рассматривать, не требует от HTML практически ничего. Мы будем использовать атрибут aria-label, который служит для описания элементов скринридерам (в основном, для людей с нарушениями зрения). Для того, чтобы через CSS "захватить"...