跳至内容链接

跳至符合 Material Design 原则的内容链接组件,该组件具有响应式设计、深色模式支持和适用于社交媒体应用程序的简单单色配色方案。

预览

HTML 代码

<a href="#content" class="skip-to-content block absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-full bg-blue-500 text-white p-3 transition-all duration-300 focus:translate-y-0 z-50 dark:bg-blue-700 dark:text-gray-200">Skip to content</a>

相关组件

Retro_Industrial_Skip_Content

适用于工业和制造网站的复古/复古风格的“跳至内容”链接组件,具有 80 年代/90 年代的美学、互补配色方案(橙色/蓝绿色)和深色模式支持。此复杂组件包括交互式元素,可提供丰富的用户体验。

打开

跳至内容链接

用于电子商务的极简主义跳至内容链接组件,具有鲜艳的色彩、响应式设计和深色模式支持。

打开

跳转到内容链接组件 - 立体感灰度

一个简单、响应式的 “跳到内容” 链接,带有灰度的拟物化设计,用于博客内容。包括深色模式支持。

打开