CCHub Logo CCHub Tailwind Collection
Componentes Saltar al enlace de contenido Saltar al componente de enlace de contenido

Saltar al componente de enlace de contenido

Un componente de vínculo Saltar al contenido interactivo para un panel con un estilo de neumorfismo y un esquema de color de tonos tierra.

Vista previa

Código HTML 

<div class="flex justify-center mt-4">
    <a href="#content" class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-white px-4 py-2 rounded-lg shadow-lg transition ease-in-out duration-300 hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-300 dark:focus:ring-offset-gray-900">
        Skip to Content
    </a>
</div>

Componentes relacionados

Skeuomorphic_Autumn_Skip_to_Content_Link

Un componente de enlace simple y esqueuomórfico 'Saltar al contenido' diseñado con un esquema de color otoñal, adecuado para plataformas educativas, que brinda accesibilidad y capacidad de respuesta con soporte para modo oscuro.

Abrir

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.

Abrir

SkipToContentLink

Vaya al componente de enlace de contenido con interfaz de usuario de modo oscuro, combinación de colores triádica y complejidad simple para el comercio electrónico.

Abrir