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 Componente pulsante
Un pulsante reattivo Torna all'inizio progettato in uno stile scheumorfico, con supporto per temi scuri ed effetti reattivi.
Pulsante Torna all'inizio
Un semplice pulsante Torna all'inizio con design Glassmorphism e combinazione di colori monocromatici per siti di e-commerce.
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.