Zur Inhaltslink-Komponente springen
Glassmorphism Skip to Content Link mit Milchglaseffekt, Unschärfe, Reaktionsfähigkeit und Unterstützung für den Dunkelmodus mit Tailwind CSS ohne JavaScript.
HTML-Code
<a href="#content" class="block sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:bg-white/30 focus:backdrop-filter focus:backdrop-blur-lg focus:text-gray-800 focus:px-4 focus:py-2 focus:rounded-md dark:focus:bg-gray-800/30 dark:focus:text-white">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 reaktionsschnelle Linkkomponente "Zum Inhalt springen" für ein Dashboard mit dem Stil "Neumorphismus" und dem Farbschema "Erdtöne".
Zum Inhaltslink springen
Eine "Zum Inhalt springen"-Linkkomponente für die Barrierefreiheit, die für Dark-Mode-Dashboards mit einem Graustufen-Farbschema entwickelt wurde. Es ist aufgrund des reaktionsschnellen und dunklen Modus-Stylings mäßig komplex. Es wird kein JavaScript verwendet. Verwendet Tailwind CSS mit dark:-Präfixen für die Unterstützung des dunklen Designs.