Saltar al enlace de contenido
Saltar al contenido Enlace Componente alineado con los principios de Material Design, con diseño responsivo, compatibilidad con modo oscuro y un esquema de color monocromático simple para aplicaciones de redes sociales.
Código HTML
<a href="#content" class="skip-to-content block absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-full bg-blue-500 text-white p-3 transition-all duration-300 focus:translate-y-0 z-50 dark:bg-blue-700 dark:text-gray-200">Skip to content</a>Componentes relacionados
Saltar al enlace de contenido
Un componente de enlace de salto al contenido diseñado con los principios de Material Design, una combinación de colores monocromática y compatible con el modo oscuro. Es adecuado para sitios web de comercio electrónico y está construido con Tailwind CSS sin JavaScript.
Saltar al componente de enlace de contenido
Un enlace de salto al contenido de estilo 3D visualmente atractivo que ayuda a los usuarios a omitir los menús de navegación en una interfaz de redes sociales. El componente utiliza un esquema de color complementario (azul y naranja) con un efecto 3D logrado a través de sombras y transformaciones. Cuenta con diseño responsivo y soporte para temas oscuros. El enlace aparece fijo en la parte superior izquierda de la ventana gráfica cuando está enfocado o activo, lo que lo hace fácilmente accesible para la navegación con el teclado y permanece discreto cuando no está en uso.
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.