Zurück zum Anfang Schaltfläche
Ein einfacher Back-to-Top-Button mit Glassmorphism-Design und monochromatischem Farbschema für E-Commerce-Websites.
HTML-Code
<div class="fixed bottom-10 right-10">
<a href="#top" class="flex items-center justify-center w-12 h-12 rounded-full bg-white bg-opacity-30 backdrop-blur-md shadow-lg hover:bg-opacity-50 transition duration-300 dark:bg-gray-800 dark:bg-opacity-50 dark:hover:bg-opacity-70">
<img src="https://picsum.photos/32" alt="Back to Top" class="w-8 h-8" />
</a>
</div>Verwandte Komponenten
Zurück zum Anfang Schaltflächenkomponente
Eine reaktionsschnelle Zurück-zu-oben-Taste mit einem von Papier/Druck inspirierten Design mit einem Schwarz-Weiß-Farbschema mit einem dezenten Akzent. Es eignet sich für Bildungsplattformen und bietet Unterstützung für den Dunkelmodus und ein sauberes, zugängliches Layout.
Zurück zum Anfang Schaltflächenkomponente
Eine reaktionsschnelle Schaltfläche "Zurück zum Anfang" mit auf Mikrointeraktion ausgerichteten Animationen, einem triadischen Farbschema und Unterstützung für dunkle Themen, die für ein Portfolio geeignet sind.
Zurück zum Anfang Schaltflächenkomponente
Eine reaktionsschnelle Schaltfläche "Zurück zum Anfang" mit künstlerischem Aquarelldesign, Herbstfarbschema und Unterstützung für den Dunkelmodus, geeignet für Blog-/Content-Websites.