Pulsante Aggiungi al carrello retrò
Pulsante reattivo "Aggiungi al carrello" con design retrò / vintage, combinazione di colori complementari e complessità moderata per uno scopo di dashboard. Supporta la modalità oscura.
Codice 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>Componenti correlati
Componente pulsante Aggiungi al carrello
Un componente pulsante "Aggiungi al carrello" in stile retrò/vintage per applicazioni di e-commerce. Questo pulsante ha un design nostalgico ispirato agli anni '80 e '90, utilizzando una combinazione di colori analoga e con effetti per l'interattività. È reattivo e supporta temi scuri.
Componente pulsante Aggiungi al carrello
Un componente pulsante Aggiungi al carrello ispirato al brutalismo con Tailwind CSS, caratterizzato da contrasto elevato, layout insoliti, effetti reattivi e supporto per temi scuri.
Glassmorphism Pulsante Aggiungi al carrello
Pulsante Aggiungi al carrello con stile Glassmorphism, combinazione di colori monocromatica e complessità moderata. Reattivo con supporto per la modalità oscura.