Componente de botones para compartir en redes sociales
Un componente receptivo de botones para compartir en redes sociales con un estilo de diseño esqueuomórfico que imita a sus contrapartes del mundo real, con soporte para temas oscuros.
Código HTML
<div class="p-5 bg-gray-200 dark:bg-gray-800 rounded-lg shadow-md flex flex-col items-center space-y-4">
<h2 class="text-lg font-bold">Share this Post</h2>
<div class="flex space-x-4">
<a href="#" class="flex items-center justify-center w-12 h-12 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transform transition-all duration-200 hover:scale-105">
<img src="https://picsum.photos/30/30?random=1" alt="Facebook" class="rounded-full" />
</a>
<a href="#" class="flex items-center justify-center w-12 h-12 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transform transition-all duration-200 hover:scale-105">
<img src="https://picsum.photos/30/30?random=2" alt="Twitter" class="rounded-full" />
</a>
<a href="#" class="flex items-center justify-center w-12 h-12 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transform transition-all duration-200 hover:scale-105">
<img src="https://picsum.photos/30/30?random=3" alt="LinkedIn" class="rounded-full" />
</a>
<a href="#" class="flex items-center justify-center w-12 h-12 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transform transition-all duration-200 hover:scale-105">
<img src="https://picsum.photos/30/30?random=4" alt="Instagram" class="rounded-full" />
</a>
</div>
<div class="text-sm text-gray-600 dark:text-gray-400">
<p>Connect with us!</p>
</div>
</div>Componentes relacionados
Botones de compartir en redes sociales de tono tierra skeuomórfico
Un conjunto de botones para compartir en redes sociales con un diseño skeuomórfico y tonos tierra. Las características incluyen diseño responsivo y soporte de modo oscuro con efectos de prensa interactivos al pasar el mouse, construido exclusivamente con clases HTML y Tailwind CSS.
Playful_Pastel_Social_Share_Buttons_for_Booking
Un componente complejo, lúdico y divertido de botones para compartir en redes sociales con una combinación de colores pastel, adecuado para sistemas de reserva y reservas. Cuenta con elementos redondeados, estética alegre, capacidad de respuesta total y compatibilidad con el modo oscuro.
Componente de botones para compartir en redes sociales
Un componente skeuomórfico de botones para compartir en redes sociales diseñado para sitios web de comercio electrónico, con un esquema de color en escala de grises y compatibilidad con el modo oscuro.