Добрый день. Сейчас рассмотрим такую задачку, когда необходимо посредством CSS добавить всплывающую подсказку на наш сайт. Допустим у нас имеется кнопка такого типа: <button class="btn">Кнопка</button> И нам нужно, чтобы при наведении на эту кнопку появлялась небольшая табличка с описанием такого типа: <span class="btndescription">Описание</span> Итак, приступим. Для начала создаем отдельный блок div для кнопки: <div id="btnblock"> </div> Внутри этого блока вставляем нашу кнопку и описание: <div...

Наводишь курсор на кнопку - подсказка вылезает где-то сбоку и наполовину обрезана. На телефоне вообще уехала за экран. Знакомо? Именно эту боль решает Popper.js - библиотека, которая умеет показывать всплывающие элементы там, где они действительно нужны. Сегодня подсказки, выпадающие меню и popover-окна есть везде: в админках, на маркетплейсах, в SaaS-сервисах. И Popper.js стал де-факто стандартом для их правильного позиционирования. Не зря его используют Bootstrap, Material UI и куча других фреймворков...