Componente de navegación pegajosa
Componente de navegación pegajosa con diseño Skeuomorphism, responsivo y soporte de tema oscuro. Utiliza Tailwind CSS.
Código HTML
<nav class="bg-gray-200 dark:bg-gray-800 p-4 shadow-lg sticky top-0 z-50">
<div class="container mx-auto flex justify-between items-center">
<div class="text-2xl font-bold text-gray-800 dark:text-white">SkeuoNav</div>
<ul class="flex space-x-4">
<li><a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Home</a></li>
<li><a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">About</a></li>
<li><a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Contact</a></li>
</ul>
</div>
</nav>Componentes relacionados
Componente de navegación pegajosa
Una barra de navegación fija y receptiva que sigue las pautas de Material Design, con un modo oscuro.
Componente de navegación pegajosa
Un componente de navegación pegajoso de diseño plano minimalista con un esquema de color monocromático para sitios web comerciales / corporativos. El diseño incluye múltiples elementos interactivos y admite el tema oscuro.
Componente de navegación pegajosa
Un componente de navegación pegajosa de modo oscuro para comercio electrónico, que utiliza un esquema de color complementario y un diseño básico.