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 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.
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.
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.