Всплывающая подсказка
Компонент всплывающей подсказки с 3D-дизайном, земляными тонами, простой сложностью и назначением приборной панели. Адаптивный с поддержкой темных тем.
HTML-код
<div class="relative flex items-center group">
<span clas="underline">Hover Over Me</span>
<div class="absolute bottom-full mb-2 hidden group-hover:block px-3 py-2 text-sm font-medium text-white transition-all duration-500 ease-in-out transform bg-gray-800 rounded-md shadow-lg dark:bg-gray-700 -translate-x-1/2 left-1/2
before:content-[''] before:absolute before:top-full before:left-1/2 before:-translate-x-1/2 before:border-8 before:border-x-transparent before:border-b-transparent before:border-t-gray-800 dark:before:border-t-gray-700">
Tooltip content
</div>
</div>Связанные компоненты
Всплывающая подсказка по стекломорфизму
Компонент всплывающей подсказки, разработанный в стиле glassmorphism, поддерживающий темную тему и адаптивный дизайн, подходит для интерфейсов социальных сетей.
Минималистичная пастельная подсказка
Минималистичный и плоский компонент всплывающих подсказок, разработанный для деловых и корпоративных сайтов с пастельными тонами, адаптивным дизайном и поддержкой темного режима с использованием Tailwind CSS.
Стеклянный морфизм Монохроматический Простая подсказка
Простой, отзывчивый, совместимый с темным режимом компонент всплывающих подсказок со стилем Glassmorphism, монохроматической цветовой схемой для блогов и контентных сайтов.