콘텐츠 링크로 건너뛰기
비즈니스 웹 사이트를 위한 3D 회색조 디자인의 Skip to Content Link 구성 요소. 반응형이며 Tailwind CSS를 사용하여 다크 모드를 지원합니다. 자바스크립트가 없습니다.
HTML 코드
<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:absolute focus:top-0 a-3 focus:left-0 focus:z-50 block px-4 py-3 text-lg font-semibold text-gray-800 bg-gray-200 border-b-4 border-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-700 focus:ring-opacity-50 dark:text-gray-200 dark:bg-gray-800 dark:border-gray-300 dark:focus:ring-gray-300">Skip to main content</a>관련 구성 요소
콘텐츠 링크로 건너뛰기 - 레트로 단색
Retro/Vintage design, Monochromatic color scheme, and Simple complexity가 있는 Content Link 컴포넌트로 건너뜁니다.
Content Link Component(콘텐츠 링크 구성 요소)로 건너뛰기
시각적으로 매력적인 '콘텐츠로 건너뛰기' 링크 구성 요소는 마이크로 인터랙션에 중점을 둔 대시보드용으로 설계되었으며, Tailwind CSS를 통한 보색 구성표 및 다크 모드 지원을 활용합니다.