Botón Añadir a la cesta
Un simple botón de agregar al carrito en tono tierra con efectos de desplazamiento inspirados en la microinteracción, con un diseño receptivo y compatibilidad con el modo oscuro.
Código 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>
Componentes relacionados
Botón Añadir a la cesta
Un componente de botón Agregar al carrito de diseño 3D con efectos responsivos y soporte de tema oscuro usando Tailwind CSS.
Botón Añadir a la cesta
Un componente receptivo del botón Agregar al carrito diseñado con elementos skeuomórficos, colores vibrantes y soporte para temas oscuros, adecuado para fines de blog y consumo de contenido.
Luxury_Retro_Add_to_Cart_Button
Un elegante componente de botón 'Agregar al carrito' (o 'Consultar ahora' para bienes raíces) con una sensación de lujo/premium y una paleta de colores retro/vintage. Diseñado para plataformas inmobiliarias, con diseño responsivo y soporte para modo oscuro.