粗犷风格返回顶部

一个采用灰阶颜色和Tailwind CSS的野兽派回到顶部按钮组件。它是响应式的，并支持深色模式。

预览

HTML 代码

<button class="fixed bottom-4 right-4 bg-black text-white border-2 border-black group dark:bg-white dark:text-black dark:border-white">
  <span class="block px-6 py-3 text-xl font-bold group-hover:-translate-x-2 group-hover:-translate-y-2 transition-all">
    ⬆️
  </span>
</button>

相关组件

回到顶部按钮

一个极简的“返回顶部”按钮，使用 Tailwind CSS 设计，具备响应效果和暗黑主题支持。

打开

粗犷主义返回顶部按钮

返回顶部按钮组件，采用粗犷主义风格，三原色方案，并具有复杂的复杂性。响应式设计支持黑暗主题。不使用JavaScript。

打开

Back to Top Button 组件

响应式“返回顶部”按钮，具有艺术水彩设计、秋季配色方案和深色模式支持，适用于博客/内容网站。

打开