Componente Pulsanti
Un componente Buttons progettato con elementi 3D e colori vivaci per le interfacce dei social media, che supporta il tema scuro e il design reattivo.
Codice HTML
<div class="flex flex-col items-center justify-center h-screen bg-gray-100 dark:bg-gray-900 p-4">
<h2 class="text-2xl font-bold text-gray-800 dark:text-gray-200 mb-4">Connect with Us!</h2>
<div class="flex space-x-4">
<a href="#" class="flex items-center justify-center px-4 py-2 bg-blue-500 dark:bg-blue-700 text-white rounded-lg shadow-lg transform transition-transform duration-300 hover:scale-105 active:scale-95">
<img src="https://picsum.photos/20?random=1" alt="Button Icon" class="mr-2 w-5 h-5 rounded-full">
Follow
</a>
<a href="#" class="flex items-center justify-center px-4 py-2 bg-green-500 dark:bg-green-700 text-white rounded-lg shadow-lg transform transition-transform duration-300 hover:scale-105 active:scale-95">
<img src="https://picsum.photos/20?random=2" alt="Button Icon" class="mr-2 w-5 h-5 rounded-full">
Share
</a>
<a href="#" class="flex items-center justify-center px-4 py-2 bg-red-500 dark:bg-red-700 text-white rounded-lg shadow-lg transform transition-transform duration-300 hover:scale-105 active:scale-95">
<img src="https://picsum.photos/20?random=3" alt="Button Icon" class="mr-2 w-5 h-5 rounded-full">
Like
</a>
</div>
</div>Componenti correlati
Componente Pulsanti
Una collezione di pulsanti dal design minimalista e piatto per varie azioni, utilizzando una combinazione di colori complementari. Completamente reattivo con supporto per la modalità oscura.
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.
3D_Business_Buttons_Component
Un set reattivo di pulsanti aziendali in stile 3D con una calda combinazione di colori tramonto, adatto per i siti Web aziendali. Include il supporto per la modalità oscura ed effetti interattivi al passaggio del mouse.