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
Pulsante Aggiungi al carrello
Componente pulsante Aggiungi al carrello con design minimalista/piatto, combinazione di colori in scala di grigi, livello di complessità complesso, per scopi di dashboard, con design reattivo e supporto per temi scuri.
Brutalismo Aggiungi al carrello Pulsante
Un semplice componente pulsante "Aggiungi al carrello" in stile brutalista con contrasto elevato, colori complementari e scopo per i social media. Completamente reattivo con supporto per la modalità oscura.
Pulsante Aggiungi al carrello
Un semplice pulsante di aggiunta al carrello dai toni terrosi con effetti al passaggio del mouse ispirati alla microinterazione, con design reattivo e supporto per la modalità scura.