Componente Pulsanti Glassmorphism
Un componente pulsante Glassmorphism semplice e reattivo con colori pastello e supporto per la modalità oscura utilizzando Tailwind CSS.
Codice HTML
<div class="flex items-center justify-center h-screen bg-gray-200 dark:bg-gray-800">
<div class="flex space-x-4">
<button class="px-6 py-3 text-lg font-semibold text-white bg-pink-300 rounded-lg shadow-lg backdrop-filter backdrop-blur-lg bg-opacity-20 hover:bg-opacity-40 transition duration-200 ease-in-out dark:bg-pink-500 dark:bg-opacity-30 dark:hover:bg-opacity-50">
Button 1
</button>
<button class="px-6 py-3 text-lg font-semibold text-white bg-blue-300 rounded-lg shadow-lg backdrop-filter backdrop-blur-lg bg-opacity-20 hover:bg-opacity-40 transition duration-200 ease-in-out dark:bg-blue-500 dark:bg-opacity-30 dark:hover:bg-opacity-50">
Button 2
</button>
</div>
</div>Componenti correlati
Componente Pulsanti
Un componente minimalista per i pulsanti progettato con Tailwind CSS, con effetti reattivi e supporto per temi scuri.
Componente Pulsanti
Un componente Pulsanti progettato in stile Material Design con una combinazione di colori pastello, reattivo per siti Web aziendali/aziendali e che supporta temi scuri.
Skeuomorphic_Social_Buttons
Un complesso set di pulsanti scheumorfici con una combinazione di colori vivaci, progettato per le interfacce dei social media. Include il layout reattivo e il supporto per la modalità oscura, imitando i pulsanti del mondo reale.