Zurück zum Anfang Button - Brutalismus
Eine brutalistische "Back to Top"-Button-Komponente für ein Portfolio mit einem triadischen Farbschema und einfachem Design. Es ist reaktionsschnell und unterstützt den Dunkelmodus mit Tailwind CSS.
HTML-Code
<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>Verwandte Komponenten
Zurück zum Anfang Button-Komponente - Brutalismus Erdtöne
Eine komplexe "Zurück zum Anfang"-Schaltflächenkomponente, die in einem brutalistischen Stil mit einem erdigen Farbschema gestaltet ist und für Blog-/Content-Websites geeignet ist. Es ist reaktionsschnell und unterstützt den Dunkelmodus.
Art Deco Zurück zum Anfang Button
Eine komplexe, vom Art Deco inspirierte "Back to Top"-Button-Komponente mit geometrischen Mustern und luxuriösen Ozean-/Blautönen, die für gemeinnützige Websites entwickelt wurde. Beinhaltet Unterstützung für responsives Design und Dunkelmodus.
Brutalistischer Back to Top Button
Ein brutalistischer Back-to-Top-Button in Tailwind CSS mit hohem Kontrast, fetter Typografie und scharfen Kanten. Beinhaltet Unterstützung für reaktionsschnelle Größen und Dunkelmodus.