Saltar al contenido Enlace - Retro Monocromático
Saltar al contenido Enlace Componente con diseño Retro/Vintage, Combinación de colores monocromática y Complejidad simple.
Código HTML
```html
<a href="#main-content" class="sr-only focus:not-sr-only fixed z-50 top-4 left-4 bg-stone-800 text-stone-100 px-6 py-3 rounded-md text-lg font-mono tracking-wide uppercase focus:outline-none focus:ring-2 focus:ring-stone-500 focus:ring-opacity-75 dark:bg-stone-100 dark:text-stone-800 dark:focus:ring-stone-400">
Skip to Content
</a>
<div id="main-content" class="focus:outline-none" tabindex="-1">
<!-- Page content goes here -->
</div>
```Componentes relacionados
Saltar al enlace de contenido
Un componente de enlace de salto al contenido con un estilo de diseño de neumorfismo, un esquema de color triádico y un diseño complejo para blogs y sitios web de contenido. Incluye diseño responsivo y soporte para el modo oscuro usando Tailwind CSS.
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.
Saltar al enlace de contenido
Un componente de enlace receptivo "Saltar al contenido" con estilo Glassmorphism, que implementa un esquema de color complementario, complejidad moderada y soporte de modo oscuro adecuado para sitios web comerciales / corporativos. Este componente se implementa puramente en HTML con clases CSS de Tailwind, que no requieren JavaScript.