跳过内容链接组件

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

预览

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>

相关组件

跳到内容链接

一个 Skip to Content Link 组件，具有适用于商业网站的 3D 灰度设计。它是响应式的，并支持使用 Tailwind CSS 的深色模式。无 JavaScript。

打开

跳过内容链接组件

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

打开

跳到内容链接组件

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

打开