Brutalista Torna all'inizio
Un brutalista componente del pulsante Back to Top che utilizza colori in scala di grigi e CSS Tailwind. È reattivo e supporta la modalità oscura.
Codice HTML
<button class="fixed bottom-4 right-4 bg-black text-white border-2 border-black group dark:bg-white dark:text-black dark:border-white">
<span class="block px-6 py-3 text-xl font-bold group-hover:-translate-x-2 group-hover:-translate-y-2 transition-all">
⬆️
</span>
</button>Componenti correlati
Pulsante Torna all'inizio
Un pulsante minimalista "Torna all'inizio" con effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS.
Retro_Back_To_Top_Button
Retrò / Vintage - Nostalgico componente pulsante Torna all'inizio per il consumo di blog/contenuti con combinazione di colori analoga. Design complesso con supporto per la modalità reattiva e oscura.
Pulsante Torna all'inizio
Un pulsante back-to-top semplice ed elegante che appare fisso nell'angolo in basso a destra dello schermo. Presenta una sottile combinazione di colori pastello e microinterazioni fluide al passaggio del mouse/messa a fuoco. Il pulsante include un design reattivo con supporto integrato per la modalità oscura. Quando si passa il mouse, il pulsante si ingrandisce delicatamente e cambia il colore di sfondo per fornire un feedback visivo. Il componente utilizza solo le classi CSS di Tailwind, senza bisogno di JavaScript.