Composant Boutons de partage social
Boutons de partage social réactifs avec le style Glassmorphism et des couleurs vives, conçus pour les blogs et la consommation de contenu.
HTML Code
<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>Composants associés
Composant Boutons de partage social
Un composant réactif de boutons de partage social conçu dans un style glassmorphism avec une palette de couleurs monochromatiques pour les sites de commerce électronique. Il comporte des éléments translucides givrés ressemblant à du verre, comprend plusieurs boutons interactifs pour le partage sur les réseaux sociaux et prend en charge le mode sombre à l’aide de Tailwind CSS.
Composant Boutons de partage social
Composant de boutons de partage social avec un design brutaliste, une palette de couleurs vives et un niveau de complexité complexe pour le commerce électronique, avec un design réactif et une prise en charge du thème sombre à l’aide de Tailwind CSS. Pas de JavaScript.
Composant Boutons de partage social
Un composant minimaliste de boutons de partage social conçu pour les tableaux de bord, avec une palette de couleurs vives et un design réactif, avec prise en charge du mode sombre.