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.
Codice HTML
<div class="fixed bottom-5 right-5">
<a href="#" class="bg-white bg-opacity-30 backdrop-blur-md border border-gray-200 dark:bg-gray-800 dark:bg-opacity-30 dark:border-gray-600 text-gray-800 dark:text-gray-200 rounded-full p-3 shadow-lg hover:shadow-2xl transition-transform transform hover:scale-110">
<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
Torna all'inizio Button - Brutalismo
Un brutalista componente pulsante "Torna all'inizio" per un portfolio, con una combinazione di colori triadica e un design semplice. È reattivo e supporta la modalità oscura utilizzando Tailwind CSS.
Torna all'inizio Componente pulsante
Un pulsante "Torna all'inizio" semplice e artistico progettato per i siti Web di cibo/ristoranti, caratterizzato da un'estetica in scala di grigi ispirata all'acquerello. È reattivo e supporta la modalità oscura.
Torna all'inizio Componente pulsante
Un pulsante "torna all'inizio" per CRM/Business Tools, progettato in stile Bauhaus con colori ad alto contrasto, caratterizzato da forme geometriche e reattività per tutte le dimensioni dello schermo, incluso il supporto della modalità scura.