Saltar al enlace de contenido
Un componente responsivo de Saltar al contenido Enlace diseñado en un estilo esqueuomórfico con una combinación de colores pastel. Este componente está diseñado para el consumo de blogs y contenido, e incluye soporte para el modo oscuro.
Código HTML
<a href="#main-content" class="flex items-center justify-center p-4 rounded-full shadow-md bg-gray-200 dark:bg-gray-800 transition ease-in-out duration-300 transform hover:scale-105 sm:bg-pink-200 md:bg-blue-200 lg:bg-green-200 dark:sm:bg-pink-800 dark:md:bg-blue-800 dark:lg:bg-green-800">
<img src="https://picsum.photos/20" alt="Scroll down icon" class="mr-3">
<span class="text-gray-800 dark:text-gray-200 font-semibold">Skip to Content</span>
</a>
<div id="main-content" class="mt-10 p-4 bg-white dark:bg-gray-900 rounded-lg shadow-lg">
<h1 class="text-2xl font-bold text-gray-800 dark:text-gray-200">Welcome to Our Blog</h1>
<p class="text-gray-600 dark:text-gray-300 mt-2">Here you will find various articles and content for your reading pleasure. Enjoy your stay!</p>
</div>Componentes relacionados
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.
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.
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.