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.
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
SkipToContentLink
Weiter zu Content Link Component mit Dark Mode UI, triadischem Farbschema und einfacher Komplexität für E-Commerce.
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.
Zur Inhaltslink-Komponente springen
Eine Komponente vom Typ "Zum Inhaltslink springen", die mit skeuomorphen Elementen entworfen wurde, die einer physischen Schaltfläche ähneln. Die Komponente verfügt über ein pastellfarbenes Schema, eine moderate Komplexität einschließlich Hover-Effekten und Unterstützung für dunkles Design.