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.
Código HTML
<a href="#maincontent" class="absolute top-4 left-4 z-50 px-6 py-3 bg-green-700 text-white text-lg font-semibold rounded-xl shadow-lg transform transition-transform hover:scale-105 focus:outline-none focus:ring-4 focus:ring-green-500 focus:ring-opacity-50 dark:bg-green-900 dark:hover:bg-green-800 dark:focus:ring-green-700">Skip to main content</a>Componentes relacionados
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 "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 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.