跳到内容链接

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

预览

HTML 代码

<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:absolute focus:top-0 a-3 focus:left-0 focus:z-50 block px-4 py-3 text-lg font-semibold text-gray-800 bg-gray-200 border-b-4 border-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-700 focus:ring-opacity-50 dark:text-gray-200 dark:bg-gray-800 dark:border-gray-300 dark:focus:ring-gray-300">Skip to main content</a>

相关组件

跳至内容链接

跳到内容链接组件,具有 Neumorphism 设计样式、三元配色方案以及适用于博客和内容网站的复杂布局。它包括响应式设计和使用 Tailwind CSS 的深色模式支持。

打开

跳过内容链接组件

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

打开

跳至内容链接

一个跳到内容链接组件,按照材料设计原则进行样式设计,使用单色方案,并支持暗模式。适合电子商务网站,使用Tailwind CSS构建,无需JavaScript。

打开