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
Skeuomorphism Analogous Complex Dashboard Buttons Component con design reattivo e supporto per temi scuri.
Componente Pulsanti
Un componente di pulsanti reattivi con supporto alla modalità scura, adatto per l'e-commerce, caratterizzato da una semplice combinazione di colori triadici.
Componente Pulsanti
Un semplice componente di pulsanti in stile Material Design, che utilizza una combinazione di colori monocromatica e supporta la modalità scura, adatto per siti Web aziendali/aziendali.