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.
Codice HTML
<button class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg border border-gray-200 border-opacity-10 text-gray-800 px-6 py-3 rounded-md font-semibold transition duration-300 ease-in-out hover:bg-opacity-20 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 dark:bg-gray-800 dark:bg-opacity-30 dark:border-gray-700 dark:border-opacity-20 dark:text-white dark:hover:bg-opacity-40 dark:focus:ring-gray-700 dark:focus:ring-opacity-50"> Add to Cart </button>Componenti correlati
Pulsante Aggiungi al carrello
Un componente pulsante Aggiungi al carrello con effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS.
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.
Brutalism Pastel Pulsante Aggiungi al carrello
Pulsante Aggiungi al carrello ispirato al brutalismo con una combinazione di colori pastello, complessità moderata e design reattivo con supporto per la modalità oscura. Adatto per un blog o un sito Web di contenuti.