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
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.
Pulsante Neumorfico Torna all'inizio
Un pulsante neumorfico "Torna all'inizio" per l'e-commerce, che offre un design dell'interfaccia utente sottile e morbido che si fonde con lo sfondo utilizzando ombre delicate. Presenta colori analoghi per un aspetto armonioso, un layout semplice e un design reattivo con supporto per temi scuri, ideale per le esperienze di acquisto online.
Torna all'inizio Pulsante - Material Design Pastello
Un componente pulsante "Torna all'inizio" reattivo che segue i principi del Material Design con una combinazione di colori pastello, su misura per un sito Web di portfolio. Include un design reattivo e il supporto per la modalità oscura utilizzando Tailwind CSS.