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.
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 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.
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.
Añadir al carrito Componente de botón
Un botón receptivo 'Agregar al carrito' con microinteracciones atractivas, tonos cálidos / atardeceres, adecuado para sitios web de alimentos / restaurantes, con una animación sutil al pasar el mouse / hacer clic y soporte para modo oscuro.