Composant de navigation collante
Composant de navigation collant avec conception Skeuomorphism, réactif et prise en charge du thème sombre. Utilise Tailwind CSS.
HTML Code
<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>
Composants associés
Composant de navigation collante
Un composant de navigation autocollant complexe et réactif avec une esthétique de conception 3D et une palette de couleurs forêt/vert, adapté aux applications médicales/de santé. Comprend la prise en charge du mode sombre et des éléments interactifs.
Composant de navigation collante
Un composant de navigation autocollant en mode sombre pour le commerce électronique, utilisant une palette de couleurs complémentaires et une mise en page de base.
Composant de navigation collante
Composant de navigation collant avec le style Glassmorphism, les effets réactifs et la prise en charge du thème sombre à l’aide de Tailwind CSS.