Pulsante Torna all'inizio
Un pulsante Torna all'inizio dal design minimalista e piatto che si inserisce all'interno di un'interfaccia dashboard. Il pulsante è disegnato in una combinazione di colori monocromatici e include effetti di passaggio del mouse e messa a fuoco per una migliore interattività. È anche reattivo e supporta la modalità oscura.
Codice HTML
<div class="fixed bottom-8 right-8">
<a href="#" class="flex items-center justify-center w-12 h-12 rounded-full bg-gray-600 text-white shadow-lg transition-all ease-in-out duration-300 hover:bg-gray-500 dark:bg-gray-800 dark:hover:bg-gray-700">
<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 4v16m8-8H4" />
</svg>
</a>
</div>Componenti correlati
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.
Torna all'inizio Componente pulsante
Un componente pulsante reattivo "Torna all'inizio" con un design ispirato alla carta/stampa, una combinazione di colori triadica ed elementi visivi complessi, adatto per i siti di e-commerce. Include il supporto per la modalità oscura.
Art Déco Torna all'inizio Pulsante
Un componente pulsante "Torna all'inizio" con un design Art Déco, caratterizzato da motivi geometrici e colori caldi del tramonto, adatto per piattaforme di appuntamenti/social. Include uno stile ricco e interattivo e supporta la modalità oscura.