添加到购物车按钮

粗野主义风格的 Add to Cart 按钮，具有鲜艳的色彩和深色模式支持。

预览

HTML 代码

<button class="bg-red-600 dark:bg-purple-600 text-white dark:text-black font-bold py-2 px-4 rounded border-4 border-black dark:border-white hover:bg-red-700 dark:hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-black dark:focus:ring-white transition duration-300 ease-in-out">
  Add to Cart
</button>

相关组件

添加到购物车按钮组件 46

一个复古/老式的“添加到购物车”按钮组件，使用Tailwind CSS设计，具有响应式设计和支持暗主题。

打开

添加到购物车按钮组件

一个为社交媒体界面设计的3D风格“添加到购物车”按钮组件。它具有丰富的深度界面、引人入胜的设计元素，并且响应式，支持暗黑主题。

打开

拟物化 Add to Cart 按钮

拟物化添加到购物车按钮，具有鲜艳的色彩，适用于投资组合网站，具有复杂的设计、交互式元素和使用 Tailwind CSS 的响应式深色模式支持。

打开