РетроВсплывающая подсказка
Простой и отзывчивый компонент всплывающих подсказок в стиле ретро/винтаж и цветовой схеме в оттенках серого, подходящий для бизнес-сайтов. Поддерживает темную тему.
HTML-код
<div class="relative inline-block">
<button class="text-gray-700 dark:text-gray-300 bg-gray-200 dark:bg-gray-700 px-3 py-1 rounded-md font-mono">Hover Me</button>
<div class="invisible absolute z-10 top-full left-1/2 transform -translate-x-1/2 mt-2 w-48 p-2 bg-gray-800 dark:bg-gray-200 text-gray-200 dark:text-gray-800 text-sm rounded shadow-lg opacity-0 transition-all duration-300 group-hover:visible group-hover:opacity-100">
<p class="font-mono">This is a retro-style tooltip!</p>
</div>
</div>Связанные компоненты
Компонент всплывающей подсказки для микровзаимодействий
Простой, но привлекательный компонент всплывающих подсказок с тонкой анимацией микровзаимодействия, адаптивным дизайном и поддержкой темных тем, созданный с помощью Tailwind CSS. JavaScript не требуется.
Компонент всплывающей подсказки
Отзывчивый компонент всплывающих подсказок с микровзаимодействиями для вовлечения пользователя, темной темой и привлекательной анимацией.
Компонент всплывающей подсказки - Оттенки серого в стиле ар-деко
Сложный компонент всплывающих подсказок в стиле ар-деко для документации и вики-сайтов с цветовой схемой в оттенках серого, геометрическими узорами и богатым контентом. Полностью адаптивный с поддержкой темного режима.