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

SkipToContentLink

Weiter zu Content Link Component mit Dark Mode UI, triadischem Farbschema und einfacher Komplexität für E-Commerce.

Offen

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.

Offen

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.

Offen