CCHub Tailwind Collection

组件跳至内容链接跳至内容链接

跳至内容链接

用于辅助功能的“跳至内容”链接组件，专为具有灰度配色方案的深色模式仪表板而设计。由于响应式和深色模式样式，它比较复杂。不使用 JavaScript。使用带有 dark：前缀的 Tailwind CSS 来支持深色主题。

预览

HTML 代码

<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-0 focus:z-50 focus:bg-gray-800 focus:text-white focus:p-3 focus:underline dark:focus:bg-gray-900 dark:focus:text-gray-200">Skip to Content</a>

相关组件

跳过内容链接组件

一个为仪表板设计的响应式跳转内容链接组件，采用新拟态风格和大地色调。

打开

跳到内容链接组件

一个设计有拟物化元素类似于物理按钮的跳转到内容链接组件。该组件将采用柔和的色彩方案，适中的复杂性，包括悬停效果，并支持黑暗主题。

打开

跳过内容链接组件

提供3D样式的“跳到内容”链接的网页组件，具有响应效果和深色主题支持，使用Tailwind CSS。

打开