구성 요소 콘텐츠 링크로 건너뛰기 Content Link Component(콘텐츠 링크 구성 요소)로 건너뛰기

Content Link Component(콘텐츠 링크 구성 요소)로 건너뛰기

Glassmorphism JavaScript 없이 Tailwind CSS를 사용하여 젖빛 유리 효과, 흐림, 응답성 및 다크 모드 지원을 특징으로 하는 콘텐츠 링크로 건너뜁니다.

미리 보기

HTML 코드

<a href="#content" class="block sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:bg-white/30 focus:backdrop-filter focus:backdrop-blur-lg focus:text-gray-800 focus:px-4 focus:py-2 focus:rounded-md dark:focus:bg-gray-800/30 dark:focus:text-white">Skip to Content</a>

관련 구성 요소

콘텐츠 링크로 건너뛰기

반응형 Skip to Content Link 구성 요소는 파스텔 색상 구성표가 있는 스큐어모픽 스타일로 디자인되었습니다. 이 구성 요소는 블로그 및 콘텐츠 사용을 위한 것이며 다크 모드에 대한 지원을 포함합니다.

열다

Glassmorphism 콘텐츠 링크로 건너뛰기

Glassmorphism: 대시보드용 Earth Tones가 있는 Content Link 구성 요소로 건너뜁니다.

열다

Content Link Component(콘텐츠 링크 구성 요소)로 건너뛰기

Tailwind CSS를 사용하여 반응형 효과 및 어두운 테마 지원과 함께 3D 스타일의 '콘텐츠로 건너뛰기' 링크를 제공하는 웹 구성 요소입니다.

열다