3D生动关注按钮

一个简单的受3D启发的关注按钮组件，采用鲜艳的颜色，适用于商业网站。它是响应式的，并仅使用HTML和Tailwind CSS支持黑暗主题。

预览

HTML 代码

<button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-md shadow-lg transform transition duration-300 hover:scale-105 active:scale-95 dark:bg-blue-800 dark:hover:bg-blue-900 dark:shadow-xl"> Follow </button>

相关组件

Follow Button 组件

适用于活动和会议网站的响应式关注/取消关注按钮组件，具有渐变过渡、深色模式支持和明亮的强调色。它包括微妙的悬停效果，并在单击时更改文本和背景（模拟）。

打开

跟随按钮

黑暗模式 UI 关注按钮组件，具有响应式效果和黑暗主题支持。

打开

关注按钮组件

一个采用材料设计风格的响应式关注按钮组件，使用 Tailwind CSS 并支持深色模式。

打开