Zurück zum Anfang Schaltfläche
Zurück zum Anfang Schaltfläche für E-Commerce mit einem lebendigen Dark-Mode-Design.
HTML-Code
<div class="fixed bottom-4 right-4 z-50">
<a href="#" class="bg-purple-600 dark:bg-purple-800 text-white dark:text-purple-200 p-4 rounded-full shadow-lg transition-all duration-300 transform hover:scale-110 focus:outline-none focus:ring-4 focus:ring-purple-500 focus:ring-opacity-50">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
</svg>
</a>
</div>Verwandte Komponenten
Zurück zum Anfang Schaltfläche
Eine reaktionsschnelle Back-to-Top-Schaltfläche, die mit einem Glasmorphismus-Effekt entwickelt wurde und für professionelle Business-Websites geeignet ist. Es verfügt über ein einfaches Layout mit minimalen Elementen und funktioniert sowohl in hellen als auch in dunklen Themen.
Zurück zum Anfang Schaltflächenkomponente
Eine reaktionsschnelle Back to Top Button-Komponente mit Glassmorphism-Design, Farbschema in Erdtönen und komplexen Interaktionen, die für ein Dashboard geeignet ist.
Brutalismus Zurück zum Anfang Schaltfläche
Zurück zum Anfang Button-Komponente im Brutalismus-Stil, triadischem Farbschema und komplexer Komplexität. Responsives Design mit Unterstützung für dunkle Themen. Kein JavaScript.