Componentes Botón Añadir a la cesta Retro Añadir al carrito Botón

Retro Añadir al carrito Botón

Botón responsivo 'Agregar al carrito' con diseño retro / vintage, combinación de colores complementaria y complejidad moderada para un propósito de tablero. Soporta el modo oscuro.

Vista previa

Código HTML

<button class="add-to-cart-button bg-teal-500 text-white py-2 px-4 rounded-lg border-2 border-pink-600 font-bold uppercase text-lg tracking-wider shadow-lg transform transition duration-300 hover:scale-105 hover:bg-teal-600 focus:outline-none focus:ring-2 focus:ring-pink-600 focus:ring-opacity-50 dark:bg-teal-700 dark:border-pink-400 dark:hover:bg-teal-800 dark:focus:ring-pink-400">
  Add to Cart
</button>

Componentes relacionados

Botón Añadir a la cesta

Un botón Skeuomórfico Agregar al carrito con efectos responsivos y soporte para temas oscuros.

Abrir

Glassmorphism Añadir al carrito Botón

Agregar al carrito Botón con estilo de cristal, combinación de colores monocromática y complejidad moderada. Responsivo con soporte para el modo oscuro.

Abrir

Añadir a la cesta Botón Componente 46

Un componente de botón 'Agregar al carrito' retro / vintage diseñado con Tailwind CSS, con diseño receptivo y soporte para temas oscuros.

Abrir