|
Метки: правка с мобильного устройства правка из мобильной версии |
Строка 73: |
Строка 73: |
| /* Стили тултипа. Пример смотри в заголовке таблицы регистров */ | | /* Стили тултипа. Пример смотри в заголовке таблицы регистров */ |
| .tooltip { | | .tooltip { |
| border-bottom: 1px dotted #0077AA;
| | display: none; |
| cursor: help;
| |
| }
| |
| | |
| .tooltip::after {
| |
| background: rgba(0, 0, 0, 0.8);
| |
| border-radius: 8px 8px 8px 0px;
| |
| box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
| |
| color: #FFF;
| |
| content: attr(data-tooltip); /* Главная часть кода, определяющая содержимое всплывающей подсказки */
| |
| margin-top: -24px;
| |
| opacity: 0; /* Наш элемент прозрачен... */
| |
| padding: 3px 7px;
| |
| position: absolute;
| |
| visibility: hidden; /* ...и скрыт. */
| |
|
| |
| transition: all 0.4s ease-in-out; /* Добавить плавности по вкусу */
| |
| }
| |
|
| |
| .tooltip:hover::after {
| |
| opacity: 1; /* Показываем его */
| |
| visibility: visible;
| |
| } | | } |
|
| |
|