(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

HINT.css - всплывающие подсказки средствами CSS

Источник: habrahabr
saynt2day

Что

Hint.css - библиотека, реализующая всплывающие подсказки, средствами CSS3 без применения JavaScript. 

Библиотека использует атрибут data-*, псевдоэлементы, свойство content и CSS3 transitions для вывода всплывающих подсказок.

Разработчики библиотеки напоминают, что CSS3 transitions для псевдоэлементов работают пока только в браузере Firefox, но в скором времени будут доступны и в webkit.

Как

1. Скачать и подключить библиотеку.
2. В атрибуте data-hint элементов прописать текст подсказки.
3. Указать класс hint для элементов.
4. Указать положение всплывающей подсказки с помощью одного из следующих классов:

  • hint--top
  • hint--right
  • hint--bottom
  • hint--left

По умолчанию выводится всплывающая подсказка чёрного цвета. Чтобы изменить цвет, к элементу добавляется один из следующих классов:

  • hint--error - красный
  • hint--info - коричневый
  • hint--warning - синий
  • hint--success - зелёный

Чтобы подсказка отображалась всегда, а не только при наведении курсора, используется класс hint--always.

Почему

Просто, быстро, красиво и всего 4Кб в минимальной версии.

UPD:
CSS3 transitions для псевдоэлементов уже доступны в webkit-браузерах 

Ссылки по теме


 Распечатать »
 Правила публикации »
  Написать редактору 
 Рекомендовать » Дата публикации: 05.02.2013 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
IBM DOMINO ENTERPRISE CLIENT ACCESS LICENSE AUTHORIZED USER LICENSE + SW SUBSCRIPTION & SUPPORT 12 MONTHS
SAP CRYSTAL Reports 2013 WIN INTL NUL
ABBYY Lingvo x6 Европейская Профессиональная версия, электронный ключ
ABBYY Business Card Reader 2.0 for Windows (download), электронный ключ
Kerio Connect - Server (incl 5 users, 1 yr SWM)
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Безопасность компьютерных сетей и защита информации
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Программирование на Microsoft Access
OS Linux для начинающих. Новости + статьи + обзоры + ссылки
Один день системного администратора
Новые программы для Windows
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
Обсуждения в форумах
Беговая дорожка (1)
Купила беговую дорожку вот здесь https://4gym.com.ua/product/technogym-artis-run Очень классная,...
 
Отличается ли ДрифтКазино от беттинга? (12)
Друзья, давно заметил, что на Дрифте уже несколько месяцев во всю рекламируется и предлагается...
 
Как подключить файлы ost в отлуке (3)
Проблема в следующем . База почты (входящие, исходящие, удаленные, отправленные) и адресная...
 
Как извлечь рисунки из файла Word (47)
Вообще-то есть еще способ - сделать в Word-е Copy рисунка, открыть Microsoft Photo Editor и там:...
 
Аналоги виагры (1)
Если мужчине, по каким либо причинам, не подходит виагра, существуют качественные аналоги...
 
 
 



    
rambler's top100 Rambler's Top100