Glassmorphism Hamburger Menu
Un composant de menu hamburger simple et réactif avec un design Glassmorphism, une palette de couleurs complémentaires et une prise en charge du mode sombre.
HTML Code
<nav class="backdrop-filter backdrop-blur-lg bg-opacity-20 bg-blue-500 dark:bg-gray-800 dark:bg-opacity-20 p-4">
<div class="container mx-auto flex justify-between items-center">
<div class="text-white text-lg font-semibold">My Blog</div>
<button class="text-white focus:outline-none lg:hidden">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-4 6h4"></path>
</svg>
</button>
<div class="hidden lg:flex space-x-4">
<a href="#" class="text-white hover:text-gray-200">Home</a>
<a href="#" class="text-white hover:text-gray-200">About</a>
<a href="#" class="text-white hover:text-gray-200">Contact</a>
</div>
</div>
</nav>Composants associés
Menu Hamburger bio en niveaux de gris
Un composant de menu hamburger réactif avec un style de conception organique et fluide utilisant une palette de couleurs en niveaux de gris. Idéal pour la documentation ou les sites wiki, avec prise en charge du mode sombre et un effet de transition en douceur pour la bascule du menu.
Composant de menu Hamburger rétro
Composant de menu complexe de hamburger rétro / vintage avec une palette de couleurs analogue, un design réactif et une prise en charge du thème sombre.
Industrial_Agriculture_Hamburger_Menu
Un composant de menu de hamburger complexe, à thème industriel, avec une palette de couleurs chaudes « coucher de soleil », conçu pour les sites Web d’agriculture. Comprend des éléments exposés, une esthétique de matière première et de multiples éléments interactifs, entièrement réactifs avec prise en charge du mode sombre.