添加到购物车按钮

一个简单的大地色系添加到购物车按钮，具有微交互启发的悬停效果，具有响应式设计和深色模式支持。

预览

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>

相关组件

加入购物车按钮组件

一个受粗犷主义启发的添加到购物车按钮组件，使用Tailwind CSS，具有高对比度、不寻常的布局、响应效果和暗主题支持。

打开

添加到购物车按钮

一个响应式的添加到购物车按钮组件，采用拟物化元素，生动的色彩，并支持深色主题，适合博客和内容消费目的。

打开

添加到购物车按钮组件

一个受自然启发的柔和色彩的“添加到购物车”按钮组件，专为医疗保健/医疗应用而设计，具有流畅的线条和响应式设计，并支持深色模式。

打开