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
Neumorphische Schaltfläche "Zurück zum Anfang"
Ein neumorpher "Back to Top"-Button für den E-Commerce, der ein subtiles, weiches UI-Design bietet, das mit zarten Schatten mit dem Hintergrund verschmilzt. Es verfügt über analoge Farben für ein harmonisches Aussehen, ein einfaches Layout und ein responsives Design mit Unterstützung für dunkle Themen, ideal für Online-Shopping-Erlebnisse.
Art Deco Zurück zum Anfang Button
Eine "Back to Top"-Button-Komponente mit einem Art-Déco-Design mit geometrischen Mustern und warmen Sonnenuntergangsfarben, die sich für Dating-/Social-Media-Plattformen eignet. Es enthält einen reichhaltigen, interaktiven Stil und unterstützt den Dunkelmodus.
Zurück zum Anfang Schaltflächenkomponente
Eine brutalistisch gestaltete Back to Top Button-Komponente mit Tailwind CSS. Diese Komponente verfügt über ein fettes, kontrastreiches Design und unterstützt reaktionsschnelle Effekte und dunkles Design.