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.
HTML-Code
<button class="fixed bottom-5 right-5 bg-pink-300 text-white p-3 rounded-full shadow-lg transition-opacity hover:opacity-75 focus:outline-none dark:bg-pink-700 dark:text-gray-200">
<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>
</button>Verwandte Komponenten
Zurück-nach-oben-Schaltfläche
Eine Back-to-Top-Button-Komponente mit Mikrointeraktionen, Farbschema in Erdtönen, einfachem Layout für Geschäfts-/Unternehmenswebsites; Responsives Design mit Unterstützung des Dunkelmodus unter Verwendung von Tailwind CSS
Zurück zum Anfang Schaltfläche
Ein einfacher Back-to-Top-Button mit Glassmorphism-Design und monochromatischem Farbschema für E-Commerce-Websites.
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.