Zurück zum Anfang Schaltfläche
Eine minimalistische, flach gestaltete Schaltfläche "Zurück zum Anfang", die in eine Dashboard-Oberfläche passt. Die Schaltfläche ist in einem monochromen Farbschema gehalten und verfügt über Hover- und Fokuseffekte für eine bessere Interaktivität. Es ist auch reaktionsschnell und unterstützt den Dunkelmodus.
HTML-Code
<div class="fixed bottom-8 right-8">
<a href="#" class="flex items-center justify-center w-12 h-12 rounded-full bg-gray-600 text-white shadow-lg transition-all ease-in-out duration-300 hover:bg-gray-500 dark:bg-gray-800 dark:hover:bg-gray-700">
<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>Verwandte Komponenten
Zurück zum Anfang Schaltfläche
Eine Material Design-Schaltfläche Zurück zum Anfang, die angezeigt wird, wenn der Benutzer auf der Seite nach unten scrollt. Es bietet Unterstützung für den Dunkelmodus und flüssiges Scrollen.
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.
Zurück zum Anfang Schaltfläche
Schaltfläche "Zurück zum Anfang" mit neumorphem Design, monochromatischem Farbschema und Unterstützung für den Dunkelmodus. Verwendet Tailwind CSS.