Zurück zum Anfang Schaltflächenkomponente
Eine minimalistische und flache Back to Top Button-Komponente für Dashboards mit einem monochromen Farbschema. Es ist mäßig komplex mit interaktiven Funktionen, einem responsiven Design und Unterstützung für dunkle Themen, die ausschließlich mit HTML und Tailwind CSS erstellt wurden.
HTML-Code
<div class="fixed bottom-4 right-4">
<a href="#" class="bg-gray-300 dark:bg-gray-700 text-gray-800 dark:text-gray-200 p-3 rounded-full shadow-md hover:bg-gray-400 dark:hover:bg-gray-600 transition-colors duration-300 ease-in-out flex items-center justify-center">
<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="M5 10l7-7m0 0l7 7m-7-7v18" />
</svg>
</a>
</div>Verwandte Komponenten
Neumorphe Schaltfläche "Zurück zum Anfang" (Ozeanblau)
Eine einfache "Back to Top"-Schaltflächenkomponente in einem neumorphen Stil mit ozeanblauen Tönen, die für Musik-/Audioplattformen geeignet sind. Es reagiert vollständig und unterstützt den Dunkelmodus.
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äche
Ein minimalistischer "Back to Top"-Button mit responsiven Effekten und Unterstützung für dunkle Themen mit Tailwind CSS.