Zum Inhaltslink springen
Eine reaktionsschnelle Linkkomponente "Zum Inhalt springen", die mit Glassmorphism gestaltet ist und ein komplementäres Farbschema, moderate Komplexität und Unterstützung für den Dunkelmodus implementiert, die für Geschäfts-/Unternehmenswebsites geeignet ist. Diese Komponente ist rein in HTML mit Tailwind CSS-Klassen implementiert und benötigt kein JavaScript.
HTML-Code
<a href="#content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:rounded-md focus:text-white focus:bg-black focus:bg-opacity-30 focus:backdrop-filter focus:backdrop-blur-lg focus:shadow-lg dark:focus:text-black dark:focus:bg-white dark:focus:bg-opacity-30 dark:focus:backdrop-filter dark:focus:backdrop-blur-lg dark:focus:shadow-lg">Skip to content</a>Verwandte Komponenten
Skeuomorphic_Autumn_Skip_to_Content_Link
Eine einfache, skeuomorphe "Skip to Content"-Linkkomponente mit einem herbstlichen Farbschema, die für Bildungsplattformen geeignet ist und Zugänglichkeit und Reaktionsfähigkeit mit Unterstützung des Dunkelmodus bietet.
Brutalistisch Zum Inhaltsverzeichnis springen Link (Wald/Grün)
Eine rohe, fette "Skip to Content"-Link-Komponente, die in einem brutalistischen Stil mit einer Wald-/Grün-Farbpalette gestaltet ist und für Buchungs-/Reservierungssysteme geeignet ist. Es ist reaktionsschnell und unterstützt den Dunkelmodus.
Zum Content Link springen - Retro Monochromatic
Weiter zu Content Link Component mit Retro-/Vintage-Design, monochromatischem Farbschema und einfacher Komplexität.