HTML 코드
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-1/2 focus:-translate-x-1/2 focus:bg-gray-800 focus:text-white focus:px-4 focus:py-2 focus:rounded-b-lg focus:z-50 dark:focus:bg-gray-100 dark:focus:text-gray-900">Skip to main content</a>관련 구성 요소
콘텐츠 링크로 건너뛰기
Glassmorphism으로 스타일링된 반응형 "Skip to Content" 링크 구성 요소는 비즈니스/기업 웹 사이트에 적합한 보색 구성표, 적당한 복잡성 및 다크 모드 지원을 구현합니다. 이 구성 요소는 JavaScript가 필요하지 않은 Tailwind CSS 클래스가 있는 HTML로만 구현됩니다.
Content Link Component(콘텐츠 링크 구성 요소)로 건너뛰기
시각적으로 매력적인 '콘텐츠로 건너뛰기' 링크 구성 요소는 마이크로 인터랙션에 중점을 둔 대시보드용으로 설계되었으며, Tailwind CSS를 통한 보색 구성표 및 다크 모드 지원을 활용합니다.
콘텐츠 링크로 건너뛰기
반응형 Skip to Content Link 구성 요소는 파스텔 색상 구성표가 있는 스큐어모픽 스타일로 디자인되었습니다. 이 구성 요소는 블로그 및 콘텐츠 사용을 위한 것이며 다크 모드에 대한 지원을 포함합니다.