- PVSM.RU - https://www.pvsm.ru -
Hint.css [1] — библиотека, реализующая всплывающие подсказки, средствами CSS3 без применения JavaScript.
Библиотека использует атрибут data-*, псевдоэлементы, свойство content и CSS3 transitions для вывода всплывающих подсказок.
Разработчики библиотеки напоминают, что CSS3 transitions для псевдоэлементов работают пока только в браузере Firefox, но в скором времени будут доступны [2] и в webkit.
1. Скачать [3] и подключить библиотеку:
2. В атрибуте data-hint элементов прописать текст подсказки.
3. Указать класс hint для элементов.
4. Указать положение всплывающей подсказки с помощью одного из следующих классов:
По умолчанию выводится всплывающая подсказка чёрного цвета. Чтобы изменить цвет, к элементу добавляется один из следующих классов:
Чтобы подсказка отображалась всегда, а не только при наведении курсора, используется класс hint--always.
Просто, быстро, красиво и всего 4Кб в минимальной версии.
Автор: saynt2day
Источник [4]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/css3/26356
Ссылки в тексте:
[1] Hint.css: http://kushagragour.in/lab/hint/
[2] будут доступны: https://bugs.webkit.org/show_bug.cgi?id=92591
[3] Скачать: https://github.com/chinchang/hint.css
[4] Источник: http://habrahabr.ru/post/168273/
Нажмите здесь для печати.