Glassmorphism Saltar al contenido Enlace
Glassmorphism Saltar al componente de enlace de contenido con tonos de tierra para el tablero.
Código HTML
<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:p-3 focus:rounded-lg focus:bg-white focus:bg-opacity-30 focus:backdrop-filter focus:backdrop-blur-lg focus:shadow-lg focus:text-stone-800 dark:focus:bg-stone-800 dark:focus:bg-opacity-30 dark:focus:text-stone-200">Skip to main content</a>
Componentes relacionados
Saltar al enlace de contenido
Un componente de enlace "Saltar al contenido" para la accesibilidad, diseñado para paneles de control en modo oscuro con un esquema de color en escala de grises. Es moderadamente complejo debido al estilo responsivo y del modo oscuro. No se utiliza JavaScript. Utiliza CSS de Tailwind con prefijos dark: para el soporte de temas oscuros.
Saltar al componente de enlace de contenido
Un componente web que proporciona un enlace de estilo 3D 'Saltar al contenido' con efectos responsivos y compatibilidad con temas oscuros, utilizando 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.