跳至内容链接

一个3D设计风格的跳转至内容链接组件,采用大地色调的配色方案,适用于复杂度适中的电子商务。它包括响应式设计和黑暗主题支持。

预览

HTML 代码

<a href="#maincontent" class="absolute top-4 left-4 z-50 px-6 py-3 bg-green-700 text-white text-lg font-semibold rounded-xl shadow-lg transform transition-transform hover:scale-105 focus:outline-none focus:ring-4 focus:ring-green-500 focus:ring-opacity-50 dark:bg-green-900 dark:hover:bg-green-800 dark:focus:ring-green-700">Skip to main content</a>

相关组件

跳至内容链接

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

打开

跳至内容链接组件

一个视觉上引人入胜的“跳到内容”链接组件,专为仪表板设计,侧重于微交互,通过 Tailwind CSS 利用互补配色方案和深色模式支持。

打开

跳至内容链接

一个响应式跳转到内容链接组件,采用拟物化风格和柔和的颜色方案。该组件适用于博客和内容消费,并支持黑暗模式。

打开