Torna all'inizio Componente pulsante
Un pulsante reattivo per tornare all'inizio progettato con microinterazioni e colori vivaci, adatto per un'interfaccia dashboard con supporto per la modalità oscura.
Codice HTML
<div class="fixed bottom-4 right-4">
<button class="bg-gradient-to-r from-purple-600 to-pink-600 text-white rounded-full p-3 shadow-lg hover:scale-110 transition-transform duration-300 dark:from-purple-800 dark:to-pink-800">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m0 0l-4-4m4 4l4-4" />
</svg>
</button>
</div>Componenti correlati
Brutalism_Earth_Tone_Back_To_Top_Button
Un pulsante "Torna all'inizio" di ispirazione brutalista con toni della terra, progettato per blog/siti di contenuti. È moderatamente complesso, reattivo e supporta la modalità oscura. Il pulsante presenta un design ad alto contrasto e un'estetica leggermente grezza.
Pulsante Torna all'inizio
Un componente reattivo del pulsante Torna all'inizio progettato con un effetto glassmorphism, adatto per siti Web aziendali professionali. Presenta un layout semplice con elementi minimi e funziona bene sia con temi chiari che scuri.
Pulsante Torna all'inizio - Progettazione 3D
Un pulsante Torna all'inizio con un design 3D, effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS. Non è incluso alcun JavaScript.