Componente del botón Seguir
Un botón de seguimiento con estilo Neumorphism para un panel con soporte para temas oscuros.
Código HTML
<div class="flex justify-center items-center h-screen bg-gray-800 dark:bg-gray-900">
<button class="relative inline-flex items-center justify-center p-4 bg-gray-200 dark:bg-gray-700 rounded-full shadow-lg transition-transform transform hover:scale-105 active:scale-95 dark:shadow-inner shadow-gray-300 ">
<span class="absolute inset-0 rounded-full bg-gradient-to-r from-pink-400 via-red-500 to-yellow-500 opacity-20 blur transition-all duration-500"></span>
<span class="relative text-white font-bold text-lg">
Follow
</span>
</button>
</div>Componentes relacionados
3D_Analogous_Simple_Follow_Button_Component
Un botón 'Seguir' simple y receptivo con una estética 3D y un esquema de color análogo, adecuado para un sitio de portafolio, que admite modos claro y oscuro.
Componente del botón Seguir
Un componente complejo de botón de seguimiento inspirado en papel / impresión para sitios web de juegos, con un diseño monocromático en blanco y negro con un color de acento brillante, optimizado para la capacidad de respuesta y el modo oscuro.
Glassmorphism_Music_Follow_Button_Component
Un componente de botón de seguimiento de cristal complejo y monocromático diseñado para plataformas de música y audio, con elementos translúcidos similares al vidrio esmerilado con efectos de desenfoque, totalmente sensible y con soporte para modo oscuro.