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 componente de enlace de contenido
Glassmorphism Saltar al contenido Enlace con un efecto de vidrio esmerilado, desenfoque, capacidad de respuesta y compatibilidad con modo oscuro mediante Tailwind CSS, sin JavaScript.
Saltar al componente de enlace de contenido
Un componente de enlace Saltar al contenido diseñado con elementos skeuomórficos que se asemejan a un botón físico. El componente tendrá un esquema de color pastel, una complejidad moderada que incluye efectos de desplazamiento y soporte para temas oscuros.
Glassmorphism Saltar al contenido Enlace
Glassmorphism Saltar al componente de enlace de contenido con tonos de tierra para el tablero.