HTML 代码
<button class="bg-brown-600 hover:bg-brown-700 text-white font-bold py-2 px-4 rounded-lg focus:outline-none focus:shadow-outline transition duration-300 ease-in-out transform hover:scale-105
dark:bg-brown-700 dark:hover:bg-brown-800">
<span class="text-sm">Add to Cart</span>
</button>相关组件
加入购物车按钮组件
一个复古/怀旧风格的“添加到购物车”按钮组件，适用于电子商务应用。这款按钮的设计灵感来自80年代和90年代，使用了相似的色彩方案，并具有互动效果。它是响应式的，支持深色主题。
添加到购物车按钮组件
一个复杂的 添加到购物车 按钮，设计具有复古/复古美学和互补配色方案，适用于专业公司网站。此组件支持深色模式，并且是响应式的，利用 Tailwind CSS 进行样式设置。
添加到购物车按钮组件
一个响应式“添加到购物车”按钮组件，采用 Material Design 原则设计，具有三元配色方案并支持深色模式。它专为仪表板使用而设计，包括一个数量选择器，并使用 Tailwind CSS 为阴影和动画集成深度效果。