Добавление подсказок с помощью CSS

Подсказки являются важной частью пользовательского опыта. Ниже приведен самый простой способ добавить их на ваш сайт.

Всплывающие подсказки предоставляют контекстную информацию об элементе, когда этот элемент получает фокус или наводится на него, но в противном случае не виден на странице. Всплывающая подсказка отображается автоматически, после небольшой задержки; пользователь не запрашивает ее. Хотя всплывающая подсказка может быть размещена на любом содержимом, обычно это подсказки для инструментов или элементов управления, например, предоставление дополнительного содержимого для иконок, имеющих краткие надписи (или вообще без надписей, что недоступно!).

~ Разработчики Mozilla

<!-- Place this in oyur documents <head> -->
<link href="https://gh.wkmn.cloud/CSSTooltip/tooltip.css" rel="stylesheet">

<!-- Demo -->

<a href="#" data-tooltip="Click Me!">Link</a>

<!-- It's that easy -->
Вход в полноэкранный режим Выход из полноэкранного режима

Вы можете найти пример здесь.

Оцените статью
devanswers.ru
Добавить комментарий