Glassmorphism 跳至内容链接

Glassmorphism 跳至具有 Earth Tones for Dashboard 的内容链接组件。

预览

HTML 代码

<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:p-3 focus:rounded-lg focus:bg-white focus:bg-opacity-30 focus:backdrop-filter focus:backdrop-blur-lg focus:shadow-lg focus:text-stone-800 dark:focus:bg-stone-800 dark:focus:bg-opacity-30 dark:focus:text-stone-200">Skip to main content</a>

相关组件

跳至内容链接 - 复古单色

跳过内容链接组件，具有复古/怀旧设计，单色调色方案和简单复杂性。

打开

跳过内容链接组件

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

打开

跳至内容链接组件

一个视觉上吸引人的 3D 风格 Skip to Content 链接，可帮助用户绕过社交媒体界面上的导航菜单。该组件使用互补配色方案（蓝色和橙色），并通过阴影和变换实现 3D 效果。具有响应式设计和深色主题支持。该链接在聚焦或激活时固定在视区的左上角，使其易于键盘导航，同时在不使用时保持不显眼。

打开