Zum Inhaltslink springen

Eine Komponente "Zum Inhaltslink springen" mit einem 3D-Graustufendesign für Unternehmenswebsites. Es ist reaktionsschnell und unterstützt den Dunkelmodus mit Tailwind CSS. Kein JavaScript.

Vorschau

HTML-Code

<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:absolute focus:top-0 a-3 focus:left-0 focus:z-50 block px-4 py-3 text-lg font-semibold text-gray-800 bg-gray-200 border-b-4 border-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-700 focus:ring-opacity-50 dark:text-gray-200 dark:bg-gray-800 dark:border-gray-300 dark:focus:ring-gray-300">Skip to main 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.

Offen

Zur Inhaltslink-Komponente springen

Eine einfache, reaktionsschnelle Linkkomponente "Zum Inhalt springen" mit einem Aquarell-/Kunststil, einem triadischen Farbschema und thematischen Elementen aus der Landwirtschaft/Landwirtschaft, die den Dunkelmodus unterstützt.

Offen

Zur Inhaltslink-Komponente springen

Eine visuell ansprechende "Skip to Content"-Link-Komponente, die für Dashboards mit Schwerpunkt auf Mikrointeraktionen entwickelt wurde, unter Verwendung eines komplementären Farbschemas und der Unterstützung des Dunkelmodus durch Tailwind CSS.

Offen