콘텐츠 링크로 건너뛰기
Glassmorphism으로 스타일링된 반응형 "Skip to Content" 링크 구성 요소는 비즈니스/기업 웹 사이트에 적합한 보색 구성표, 적당한 복잡성 및 다크 모드 지원을 구현합니다. 이 구성 요소는 JavaScript가 필요하지 않은 Tailwind CSS 클래스가 있는 HTML로만 구현됩니다.
HTML 코드
<a href="#content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:rounded-md focus:text-white focus:bg-black focus:bg-opacity-30 focus:backdrop-filter focus:backdrop-blur-lg focus:shadow-lg dark:focus:text-black dark:focus:bg-white dark:focus:bg-opacity-30 dark:focus:backdrop-filter dark:focus:backdrop-blur-lg dark:focus:shadow-lg">Skip to content</a>관련 구성 요소
Content Link Component - Skeuomorphism Grayscale로 건너뛰기
블로그 콘텐츠를 위한 회색조의 스큐어모픽 디자인이 있는 간단하고 반응이 빠른 "콘텐츠로 건너뛰기" 링크. 다크 모드 지원이 포함됩니다.
Content Link Component(콘텐츠 링크 구성 요소)로 건너뛰기
시각적으로 매력적인 '콘텐츠로 건너뛰기' 링크 구성 요소는 마이크로 인터랙션에 중점을 둔 대시보드용으로 설계되었으며, Tailwind CSS를 통한 보색 구성표 및 다크 모드 지원을 활용합니다.
Content Link Component(콘텐츠 링크 구성 요소)로 건너뛰기
Glassmorphism JavaScript 없이 Tailwind CSS를 사용하여 젖빛 유리 효과, 흐림, 응답성 및 다크 모드 지원을 특징으로 하는 콘텐츠 링크로 건너뜁니다.