组件 跳至内容链接 跳过内容链接组件

跳过内容链接组件

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

预览

HTML 代码

<a href="#content" class="block sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:bg-white/30 focus:backdrop-filter focus:backdrop-blur-lg focus:text-gray-800 focus:px-4 focus:py-2 focus:rounded-md dark:focus:bg-gray-800/30 dark:focus:text-white">Skip to Content</a>

相关组件

跳至内容链接组件

一个提供跳转到主要内容链接的网页组件,采用材料设计风格,配有粉彩色彩方案,适用于电子商务网站。它具有响应式设计,并支持黑暗主题。

打开

跳至内容链接 - 复古单色

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

打开

跳过内容链接组件

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

打开