Pulsante Torna all'inizio
Un componente minimalista e piatto per il pulsante Torna all'inizio per i siti Web di e-commerce, che utilizza una combinazione di colori in scala di grigi e un design reattivo con supporto per temi scuri.
Codice HTML
<div class="fixed bottom-5 right-5 z-50">
<button class="bg-gray-800 text-white rounded-full p-3 shadow-md hover:bg-gray-700 dark:bg-gray-300 dark:text-gray-800 dark:hover:bg-gray-400 transition-all duration-200">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-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>
</button>
</div>Componenti correlati
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.
Torna all'inizio Componente del pulsante - Brutalismo Toni della terra
Un complesso componente pulsante "Torna all'inizio" progettato in uno stile brutalista con una combinazione di colori terrosi, adatto per blog/siti di contenuti. È reattivo e include il supporto per la modalità oscura.
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.