콘텐츠 링크로 건너뛰기
Material Design 원칙에 부합하는 Content Link Component로 건너뛰기: 반응형 디자인, 다크 모드 지원, 소셜 미디어 애플리케이션을 위한 간단한 단색 색 구성표를 제공합니다.
HTML 코드
<a href="#content" class="skip-to-content block absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-full bg-blue-500 text-white p-3 transition-all duration-300 focus:translate-y-0 z-50 dark:bg-blue-700 dark:text-gray-200">Skip to content</a>관련 구성 요소
Content Link Component(콘텐츠 링크 구성 요소)로 건너뛰기
파스텔 색상의 레트로/빈티지 '콘텐츠로 건너뛰기' 링크 구성 요소로, 비즈니스/기업 웹사이트용으로 설계되었으며 접근성 및 다크 모드 지원을 제공합니다.
콘텐츠 링크로 건너뛰기
접근성을 위한 "Skip to Content" 링크 구성 요소로, 회색조 색 구성표가 있는 다크 모드 대시보드용으로 설계되었습니다. 반응형 및 다크 모드 스타일로 인해 적당히 복잡합니다. JavaScript는 사용되지 않습니다. 어두운 테마 지원을 위해 dark: 접두사가 있는 Tailwind CSS를 사용합니다.