简约生动的返回顶部按钮
一个极简和平面设计的返回顶部按钮组件，色彩鲜艳，适合作品集网站。包含响应式设计和使用Tailwind CSS的暗模式支持。
HTML 代码
<a href="#" class="fixed bottom-6 right-6 bg-blue-500 hover:bg-blue-700 text-white p-3 rounded-full shadow-lg transition-colors duration-300 dark:bg-blue-700 dark:hover:bg-blue-900">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
</svg>
</a>相关组件
回到顶部按钮
一个最小且响应迅速的“Back to Top”按钮组件，支持深色模式。它在向下滚动后显示，并使用平滑滚动在单击时将用户返回到页面顶部。没有 JavaScript 用于滚动，只有 CSS。
Back to Top 按钮
一个简单而优雅的返回顶部按钮，固定在屏幕的右下角。具有微妙的柔和配色方案和平滑的悬停/聚焦微交互。该按钮包括响应式设计，内置深色模式支持。悬停时，该按钮会轻轻放大并更改背景颜色以提供视觉反馈。该组件仅使用 Tailwind CSS 类，无需 JavaScript。