Zum Inhaltslink springen
Skip to Content Link Component orientiert sich an den Prinzipien des Material Designs und bietet responsives Design, Unterstützung für den Dunkelmodus und ein einfaches monochromatisches Farbschema für Social-Media-Anwendungen.
HTML-Code
<a href="#content" class="skip-to-content block absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-full bg-blue-500 text-white p-3 transition-all duration-300 focus:translate-y-0 z-50 dark:bg-blue-700 dark:text-gray-200">Skip to content</a>Verwandte Komponenten
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.
Zur Inhaltslink-Komponente springen
Eine reaktionsschnelle Linkkomponente "Zum Inhalt springen" für ein Dashboard mit dem Stil "Neumorphismus" und dem Farbschema "Erdtöne".
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.