CCHub Logo CCHub Tailwind Collection
Komponenten Zurück zum Anfang Schaltfläche Zurück zum Anfang Schaltfläche

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.

Vorschau

HTML-Code 

<div class="fixed bottom-5 right-5">
    <a href="#" class="bg-white bg-opacity-30 backdrop-blur-md border border-gray-200 dark:bg-gray-800 dark:bg-opacity-30 dark:border-gray-600 text-gray-800 dark:text-gray-200 rounded-full p-3 shadow-lg hover:shadow-2xl transition-transform transform hover:scale-110">
        <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="M12 4v16m8-8H4" />
        </svg>
    </a>
</div>

Verwandte Komponenten

Zurück zum Anfang Schaltflächenkomponente

Eine reaktionsschnelle Zurück-zu-oben-Schaltfläche, die mit Mikrointeraktionen und lebendigen Farben gestaltet wurde und sich für eine Dashboard-Oberfläche mit Unterstützung für den Dunkelmodus eignet.

Offen

Zurück zum Anfang Knopf Minimalistisch Lebendig

Eine minimalistische und flache Back-to-Top-Button-Komponente mit leuchtenden Farben, die sich für eine Portfolio-Website eignet. Es beinhaltet Responsive Design und Unterstützung für den Dunkelmodus mit Tailwind CSS.

Offen

Zurück zum Anfang Schaltflächenkomponente

Eine minimalistische und flache Back to Top Button-Komponente für Dashboards mit einem monochromen Farbschema. Es ist mäßig komplex mit interaktiven Funktionen, einem responsiven Design und Unterstützung für dunkle Themen, die ausschließlich mit HTML und Tailwind CSS erstellt wurden.

Offen