Pulsante Torna all'inizio
Un semplice pulsante Torna all'inizio con design Glassmorphism e combinazione di colori monocromatici per siti di e-commerce.
Codice HTML
<div class="fixed bottom-10 right-10">
<a href="#top" class="flex items-center justify-center w-12 h-12 rounded-full bg-white bg-opacity-30 backdrop-blur-md shadow-lg hover:bg-opacity-50 transition duration-300 dark:bg-gray-800 dark:bg-opacity-50 dark:hover:bg-opacity-70">
<img src="https://picsum.photos/32" alt="Back to Top" class="w-8 h-8" />
</a>
</div>Componenti correlati
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.
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.
Torna all'inizio Componente pulsante
Un componente pulsante reattivo "Torna all'inizio" per i siti di e-commerce, caratterizzato da un design monocromatico in bianco e nero con un colore brillante e una microinterazione coinvolgente al passaggio del mouse. Include il supporto per la modalità oscura.