Content Link Component(콘텐츠 링크 구성 요소)로 건너뛰기
Neumorphism 스타일과 Earth tones 색 구성표가 있는 대시보드에 대한 반응형 Skip to Content 링크 구성 요소입니다.
HTML 코드
<div class="flex justify-center mt-4">
<a href="#content" class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-white px-4 py-2 rounded-lg shadow-lg transition ease-in-out duration-300 hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-300 dark:focus:ring-offset-gray-900">
Skip to Content
</a>
</div>관련 구성 요소
Content Link Component(콘텐츠 링크 구성 요소)로 건너뛰기
시각적으로 매력적인 3D 스타일의 콘텐츠로 건너뛰기 링크는 사용자가 소셜 미디어 인터페이스에서 탐색 메뉴를 우회할 수 있도록 도와줍니다. 이 구성 요소는 그림자와 변형을 통해 얻을 수 있는 3D 효과와 함께 보색 구성표(파란색 및 주황색)를 사용합니다. 반응형 디자인과 어두운 테마 지원이 특징입니다. 링크는 초점이 맞춰지거나 활성화될 때 뷰포트의 왼쪽 상단에 고정되어 표시되므로 키보드 탐색에 쉽게 액세스할 수 있으며 사용하지 않을 때는 눈에 거슬리지 않습니다.
콘텐츠 링크로 건너뛰기
3D 디자인 스타일의 콘텐츠 링크 구성 요소로 흙색 색 구성표를 사용하며 중간 정도의 복잡성을 가진 전자 상거래용으로 설계되었습니다. 반응형 디자인과 어두운 테마 지원이 포함됩니다.