Saltar al componente de enlace de contenido: esqueuomorfismo en escala de grises
Un enlace simple y receptivo "Saltar al contenido" con diseño esqueuomórfico en escala de grises para el contenido del blog. Incluye soporte para modo oscuro.
Código HTML
<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:bg-gray-200 focus:text-gray-900 focus:px-4 focus:py-2 focus:rounded focus:shadow-lg dark:focus:bg-gray-700 dark:focus:text-gray-100 dark:focus:shadow-xl">Skip to content</a>
<main id="main-content" class="p-4">
<!-- Your main content goes here -->
<h1 class="text-2xl font-bold mb-4 text-gray-800 dark:text-gray-200">Main Content Area</h1>
<p class="text-gray-700 dark:text-gray-300">This is the main content of the page. The "Skip to content" link will bring you here.</p>
</main>Componentes relacionados
Saltar al enlace de contenido
Un componente de enlace de salto al contenido en el estilo de diseño 3D, con un esquema de color en tonos tierra, diseñado para el comercio electrónico con una complejidad moderada. Incluye diseño responsivo y soporte para temas oscuros.
Saltar al componente de enlace de contenido
Un componente de vínculo Saltar al contenido interactivo para un panel con un estilo de neumorfismo y un esquema de color de tonos tierra.
Saltar al componente de enlace de contenido
Un componente de enlace Saltar al contenido diseñado con elementos 3D, tonos tierra y adaptado a las interfaces del panel de control. Incluye estilos para temas claros y oscuros.