CCHub Logo CCHub Tailwind Collection
Komponenten Fußzeilen-Navigation Komponente "Fußzeilennavigation"

Komponente "Fußzeilennavigation"

Eine reaktionsschnelle Fußzeilennavigationskomponente für Dashboards mit Unterstützung für dunkle Themen, die Mikrointeraktionen beim Schweben von Links mit triadischen Farben und komplexen Elementen bietet. Kein JavaScript, nur HTML mit Tailwind CSS.

Vorschau

HTML-Code 

<footer class="bg-blue-100 dark:bg-blue-900">
  <div class="container mx-auto px-6 py-8">
    <div class="flex flex-col items-center text-center">
      <div class="flex flex-wrap justify-center -mx-4">
        <a href="#" class="mx-4 text-sm text-blue-800 dark:text-blue-200 hover:text-blue-600 dark:hover:text-blue-400 transition duration-300 ease-in-out transform hover:scale-110">About</a>
        <a href="#" class="mx-4 text-sm text-red-800 dark:text-red-200 hover:text-red-600 dark:hover:text-red-400 transition duration-300 ease-in-out transform hover:scale-110">Blog</a>
        <a href="#" class="mx-4 text-sm text-yellow-800 dark:text-yellow-200 hover:text-yellow-600 dark:hover:text-yellow-400 transition duration-300 ease-in-out transform hover:scale-110">Careers</a>
        <a href="#" class="mx-4 text-sm text-blue-800 dark:text-blue-200 hover:text-blue-600 dark:hover:text-blue-400 transition duration-300 ease-in-out transform hover:scale-110">Contact Us</a>
      </div>
      <p class="mt-4 text-sm text-blue-800 dark:text-blue-200">&copy; 2023 Dashboard Inc. All rights reserved.</p>
    </div>
  </div>
</footer>

Verwandte Komponenten

Glassmorphism Graustufen Gesundheitswesen Fußzeile

Eine reaktionsschnelle Fußzeilennavigationskomponente im Glassmorphism-Stil für Anwendungen im Gesundheitswesen/Medizin, die ein Graustufen-Farbschema mit Unterstützung für den Dunkelmodus verwendet. Es verfügt über glasfaserähnliche, durchscheinende Elemente und interaktive Links.

Offen

NeonGlowFooterNavigation

Eine reaktionsschnelle Fußzeilennavigationskomponente mit Neon-/Leuchteffekten, die für Musik-/Audioplattformen entwickelt wurde. Verfügt über ein Schwarz-Weiß-Farbschema mit einer lebendigen Akzentfarbe, Unterstützung für den Dunkelmodus und semantisches HTML.

Offen

Komponente "Fußzeilennavigation"

Eine einfache, reaktionsschnelle Fußzeilennavigationskomponente mit einem warmen, vom Sonnenuntergang inspirierten Farbschema, das für Mode- und Beauty-Marken entwickelt wurde. Verfügt über subtile Hover-Effekte und Unterstützung für den Dunkelmodus.

Offen