Zur Inhaltslink-Komponente springen
Glassmorphism Skip to Content Link mit Milchglaseffekt, Unschärfe, Reaktionsfähigkeit und Unterstützung für den Dunkelmodus mit Tailwind CSS ohne JavaScript.
HTML-Code
<a href="#content" class="block sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:bg-white/30 focus:backdrop-filter focus:backdrop-blur-lg focus:text-gray-800 focus:px-4 focus:py-2 focus:rounded-md dark:focus:bg-gray-800/30 dark:focus:text-white">Skip to Content</a>Verwandte Komponenten
Retro_Industrial_Skip_Content
Eine Link-Komponente im Retro-/Vintage-Stil für Industrie- und Fertigungswebsites mit 80er/90er-Jahre-Ästhetik, einem komplementären Farbschema (Orange/Blaugrün) und Unterstützung für den Dunkelmodus. Diese komplexe Komponente enthält interaktive Elemente für eine umfassende Benutzererfahrung.
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.
Zur Inhaltslink-Komponente springen
Ein visuell ansprechender Link "Zum Inhalt springen" im 3D-Stil, der Benutzern hilft, Navigationsmenüs auf einer Social-Media-Oberfläche zu umgehen. Die Komponente verwendet ein komplementäres Farbschema (Blau und Orange) mit einem 3D-Effekt, der durch Schatten und Transformationen erzielt wird. Mit responsivem Design und Unterstützung für dunkle Themen. Der Link wird im fokussierten oder aktiven Zustand oben links im Ansichtsfenster fixiert angezeigt, sodass er für die Tastaturnavigation leicht zugänglich ist, während er bei Nichtgebrauch unauffällig bleibt.