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.

Vorschau

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 Komponente vom Typ "Zum Inhaltslink springen", die nach den Prinzipien des Materialdesigns, einem monochromatischen Farbschema und der Unterstützung des Dunkelmodus gestaltet ist. Es eignet sich für E-Commerce-Websites und wird mit Tailwind CSS ohne JavaScript erstellt.

Offen

Zur Inhaltslink-Komponente springen

Eine Webkomponente, die unter Verwendung von Tailwind CSS einen 3D-formatierten Link "Zum Inhalt springen" mit responsiven Effekten und Unterstützung für dunkle Themen bereitstellt.

Offen

Zur Inhaltslink-Komponente springen

Eine neumorphe "Skip to Content"-Linkkomponente für die Barrierefreiheit in Technologie-/SaaS-Anwendungen mit einem violett-violetten Farbschema und voller Reaktionsfähigkeit mit Unterstützung des Dunkelmodus.

Offen