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.
Codice HTML
<button class="fixed bottom-5 right-5 bg-pink-300 text-white p-3 rounded-full shadow-lg transition-opacity hover:opacity-75 focus:outline-none dark:bg-pink-700 dark:text-gray-200">
<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="M5 10l7-7m0 0l7 7m-7-7v18" />
</svg>
</button>Componenti correlati
Pulsante Torna all'inizio
Pulsante Torna all'inizio per l'e-commerce, con un vivace design della modalità scura.
Brutalismo Torna all'inizio Pulsante
Torna all'inizio Componente pulsante con stile Brutalismo, combinazione di colori triadica e complessità complessa. Design reattivo con supporto per temi scuri. Niente JavaScript.
Torna all'inizio Componente pulsante
Un componente Back to Top Button in stile brutalista che utilizza Tailwind CSS. Questo componente ha un design audace e ad alto contrasto e supporta effetti reattivi e tema scuro.