Componente Pulsanti di condivisione social
Pulsanti di condivisione social reattivi con stile Glassmorphism e colori vivaci, progettati per blog e consumo di contenuti.
Codice HTML
<div class="flex flex-col items-center p-5 bg-white bg-opacity-30 rounded-lg shadow-lg backdrop-blur-lg dark:bg-gray-800 dark:bg-opacity-40">
<h2 class="text-lg font-semibold text-gray-800 dark:text-white mb-4">Share this Post</h2>
<div class="flex space-x-4">
<a href="#" class="flex items-center justify-center p-3 bg-red-500 rounded-full shadow-lg transform hover:scale-105 transition-transform duration-200"
aria-label="Share on Facebook">
<img src="https://picsum.photos/30/30" class="h-8 w-8 rounded-full" alt="Facebook">
<span class="text-white ml-2">Facebook</span>
</a>
<a href="#" class="flex items-center justify-center p-3 bg-blue-500 rounded-full shadow-lg transform hover:scale-105 transition-transform duration-200"
aria-label="Share on Twitter">
<img src="https://picsum.photos/30/30" class="h-8 w-8 rounded-full" alt="Twitter">
<span class="text-white ml-2">Twitter</span>
</a>
<a href="#" class="flex items-center justify-center p-3 bg-purple-500 rounded-full shadow-lg transform hover:scale-105 transition-transform duration-200"
aria-label="Share on LinkedIn">
<img src="https://picsum.photos/30/30" class="h-8 w-8 rounded-full" alt="LinkedIn">
<span class="text-white ml-2">LinkedIn</span>
</a>
</div>
</div>Componenti correlati
Componente Pulsanti di condivisione social
Un componente minimalista per i pulsanti di condivisione social progettato con Tailwind CSS, con layout reattivo e supporto per temi scuri. Il componente include pulsanti per la condivisione su piattaforme di social media popolari con elementi di design puliti e semplici.
Componente Pulsanti di condivisione social
Componente pulsanti di condivisione social per l'interfaccia utente in modalità scura, utilizza Tailwind CSS, combinazione di colori in scala di grigi, complessità semplice, per scopi di portfolio, design reattivo con supporto per tema scuro.
Pulsanti di condivisione social retrò
Componente Social Share Buttons con design retrò/vintage, effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS, senza bisogno di JavaScript.