组件 添加到购物车按钮 粗犷主义粉色添加到购物车按钮

粗犷主义粉色添加到购物车按钮

粗野主义风格的 Add to Cart 按钮,具有柔和的配色方案、适度的复杂度和响应式设计,支持深色模式。适用于博客或内容网站。

预览

HTML 代码

<button class="bg-pink-300 dark:bg-purple-700 text-gray-900 dark:text-gray-100 font-bold py-3 px-6 rounded-none border-4 border-black dark:border-white hover:bg-yellow-300 dark:hover:bg-yellow-600 hover:text-black dark:hover:text-white transition duration-300 ease-in-out shadow-lg dark:shadow-xl text-xl md:text-2xl">Add to Cart</button>

相关组件

添加到购物车按钮

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

打开

添加到购物车按钮组件

一个 3D 样式的 Add to Cart 按钮组件,具有鲜艳的色彩、响应式设计和使用 Tailwind CSS 的深色主题支持。

打开

Glassmorphism 添加到购物车按钮

添加具有 Glassmorphism 样式、单色配色方案和中等复杂性的购物车按钮。响应式,支持深色模式。

打开