Glassmorphism 단색 단순 툴팁
간단하고 반응이 빠른 다크 모드 호환 툴팁 구성 요소로, Glassmorphism 스타일, 블로그 및 콘텐츠 사이트를 위한 단색 색 구성표가 있습니다.
HTML 코드
<div class="relative flex items-center justify-center">
<button class="text-gray-800 dark:text-gray-200 focus:outline-none">Hover me</button>
<div class="absolute bottom-full mb-2 hidden px-3 py-2 text-sm font-semibold text-white bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg rounded-md shadow-sm dark:bg-gray-800 dark:bg-opacity-20 dark:backdrop-filter dark:backdrop-blur-lg group-hover:block">Tooltip content</div>
</div>관련 구성 요소
스큐어모픽 대시보드 툴팁
대시보드를 위한 복잡한 스큐어모픽 툴팁 구성 요소로, 트라이어드 색 구성표와 다크 모드를 지원하는 반응형 디자인을 특징으로 하며, JavaScript 없이 Tailwind CSS로 빌드되었습니다.