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
Composant du menu Hamburger
Un composant complexe de menu de hamburger réactif avec un design glassmorphism, avec un effet translucide semblable à du verre givré, adapté à un portfolio présentant des travaux ou des produits. Il comprend un support de thème sombre et utilise Tailwind CSS pour le style.
Composant du menu Hamburger
Un composant de menu hamburger réactif au design minimaliste / plat adapté aux sites Web d’entreprise / d’entreprise, utilisant une palette de couleurs pastel et prenant en charge le mode sombre.
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.