Componente pulsante Segui
Un componente reattivo Segui pulsante progettato con i principi del Material Design, con supporto per la modalità oscura e stili su misura utilizzando Tailwind CSS.
Codice HTML
<div class="flex items-center justify-center p-4">
<div class="bg-white dark:bg-gray-800 shadow-md rounded-lg p-5 transition-shadow duration-300 hover:shadow-lg">
<div class="flex items-center">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" class="w-12 h-12 rounded-full shadow-lg mr-3">
<div class="flex-1">
<h2 class="text-lg font-semibold text-gray-800 dark:text-gray-200">Follow Me</h2>
<p class="text-gray-600 dark:text-gray-400">Join my journey and stay updated!</p>
</div>
<button class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded transition duration-300 ease-in-out">
Follow
</button>
</div>
</div>
</div>
Componenti correlati
Pulsante di follow-follow vibrante 3D
Un semplice componente del pulsante Segui ispirato al 3D con colori vivaci per i siti Web aziendali. È reattivo e include il supporto per il tema scuro utilizzando solo HTML e Tailwind CSS.
Componente pulsante Segui
Un componente reattivo Segui pulsante progettato in stile Material Design con supporto per la modalità oscura utilizzando Tailwind CSS.
Componente pulsante Segui
Un componente complesso del pulsante di follow, ispirato alla carta/stampa, per i siti Web di gioco, caratterizzato da un design monocromatico in bianco e nero con un colore d'accento brillante, ottimizzato per la reattività e la modalità scura.