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 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ä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.
Zurück zum Anfang Schaltflächenkomponente
Eine reaktionsschnelle "Zurück zum Anfang"-Schaltflächenkomponente, die mit Material Design-Prinzipien, gedämpften Farben und Unterstützung für den Dunkelmodus gestaltet ist und sich für Blog- oder Content-Konsum-Websites eignet.