Componente pulsante Segui
Un pulsante Segui in stile neumorfismo per una dashboard con supporto per temi scuri.
Codice 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>Componenti correlati
Componente pulsante Segui
Un complesso componente del pulsante "Segui" con microinterazioni, combinazione di colori seppia/marrone, design reattivo e supporto per la modalità scura, adatto per piattaforme di blog/contenuti.
Pulsante Segui con microinterazioni
Componente pulsante Segui reattivo con supporto per temi scuri e microinterazioni, progettato per applicazioni di social media che utilizzano Tailwind CSS. Presenta una combinazione di colori monocromatica ed elementi interattivi complessi.
Pulsante Segui
Un semplice pulsante Segui con stile Material Design, effetti reattivi e supporto per temi scuri.