Torna all'inizio Button - Brutalismo
Un brutalista componente pulsante "Torna all'inizio" per un portfolio, con una combinazione di colori triadica e un design semplice. È reattivo e supporta la modalità oscura utilizzando Tailwind CSS.
Codice HTML
<a href="#" class="fixed bottom-4 right-4 bg-red-500 text-yellow-300 border-4 border-black dark:bg-red-700 dark:text-yellow-100 dark:border-white transition-all duration-300 hover:bg-red-600 hover:text-yellow-400 dark:hover:bg-red-800 dark:hover:text-yellow-200 p-4 shadow-[8px_8px_0_0_#000] dark:shadow-[8px_8px_0_0_#fff] z-50">
<span class="font-extrabold text-xl uppercase">↑<br/>Top</span>
</a>Componenti correlati
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.
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.
Brutalista Torna all'inizio
Un brutalista componente del pulsante Back to Top che utilizza colori in scala di grigi e CSS Tailwind. È reattivo e supporta la modalità oscura.