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
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.
Zur Inhaltslink-Komponente springen
Eine reaktionsschnelle Linkkomponente "Zum Inhalt springen" für ein Dashboard mit dem Stil "Neumorphismus" und dem Farbschema "Erdtöne".
Zum Inhaltslink springen
Eine Skip to Content Link Component im 3D-Designstil mit einem erdfarbenen Farbschema, das für E-Commerce mit mittlerer Komplexität entwickelt wurde. Es beinhaltet responsives Design und Unterstützung für dunkle Themen.