super simple css tooltips

Супер простые подсказки инструментов CSS

Легко добавить подъемную подъему в элемент. Парание подъема можно размещать слева, вправо или внизу элемента. Второй нижний вариант включает указатель.

CSS -классы

• tooltip--left
• tooltip--right
• tooltip--bottom
• tooltip--triangle

Использование

CSS принимает любой элемент, который имеет класс tooltip--* и использует атрибут data-tooltip на элементе для предоставления текста подъема инструментов.

[ class ^= "tooltip" ] {
  ...
  content : attr ( data-tooltip );
  ...
}

 < img href =" /img/info.svg " class =" tooltip--left " data-tooltip =" This is the text displayed " >

Поддерживать

Текущие версии Chrome, Firefox, Safari, Edge и IE10+.