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>

相关组件

跳过内容链接组件

一个具有磨砂玻璃效果、模糊、响应性和暗模式支持的跳转内容链接，使用Tailwind CSS，无需JavaScript。

打开

Skeuomorphic_Autumn_Skip_to_Content_Link

一个简单的拟物化“跳到内容”链接组件，采用秋季配色方案设计，适用于教育平台，通过深色模式支持提供可访问性和响应能力。

打开

跳至内容链接组件

一个复古/复古的“跳到内容”链接组件，具有柔和的色彩，专为商业/公司网站设计，具有辅助功能和深色模式支持。

打开