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
Glassmorphism Rainbow Zurück zum Anfang Button für die Landwirtschaft
Eine komplexe, reaktionsschnelle "Zurück zum Anfang"-Schaltflächenkomponente mit einem Glasmorphismus-Design und einem Regenbogenverlauf, die auf Landwirtschafts-/Landwirtschafts-Websites zugeschnitten ist. Verfügt über Unschärfeeffekte und Unterstützung für den Dunkelmodus.
Zurück zum Anfang Schaltflächenkomponente
Eine reaktionsschnelle "Zurück zum Anfang"-Schaltflächenkomponente für Dokumentations-/Wiki-Seiten, inspiriert von Memphis Design mit einem lila/violetten Farbschema. Enthält Unterstützung für den Dunkelmodus und ein komplexes, interaktives Erscheinungsbild.
Zurück zum Anfang Button - Material Design Pastell
Eine reaktionsschnelle "Zurück zum Anfang"-Button-Komponente, die den Prinzipien des Material Designs mit einem pastellfarbenen Farbschema folgt und auf eine Portfolio-Website zugeschnitten ist. Es beinhaltet Responsive Design und Unterstützung für den Dunkelmodus mit Tailwind CSS.