Стильные хинты (подсказки) на чистом CSS
Вы можете на своем сайте поставить стильные хинты или подсказки, которые будут работать при наведении, где атрибут title прописан. Здесь представлено несколько элементов в плане с каком месте он появиться. Это должно быть как вверх или низ, и безусловно по обеим сторонам. Сама такая функция зависит от браузера в отличие от этого, где он визуально везде одинаково появляется. Их использование разнообразное, кто-то в описание выставляет, где-то можно заметить на названиях к материалу. Здесь веб мастер решает где ему лучше быть. Он по умолчанию идет в темном оттенке, но с ним стили привязаны, что редактирование приветствуется, все видно на Demo, где полностью оцените. Файловый менеджер закидываем hint.min и после в /head нужно link сохранить. HTML Код <link rel="stylesheet" type="text/css" href="/css/hint.min.css"> Это элемент, где будет срабатывать подсказка. Код <span class="hint--top hint--bounce" data-hint="ZORNET.RU - Скрипты и шаблоны для uCoz">Подсказка появиться по вверх</span> Мелкие настройки, за что отвечают настройки, гетально прочесть в текстовом документе. Демонстрация |
Поделиться в социальных сетях
Материал разместил
Комментарии: 8 | |
| |