Intestazione di progettazione 3D
Un componente di intestazione reattivo con elementi di progettazione 3D e supporto per la modalità oscura.
Codice HTML
<header class="bg-white shadow-lg dark:bg-gray-800">
<div class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between">
<div class="text-xl font-semibold text-gray-700 dark:text-white">3D Header</div>
<div class="hidden md:block">
<nav>
<a href="#" class="text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-white px-4">Home</a>
<a href="#" class="text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-white px-4">About</a>
<a href="#" class="text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-white px-4">Contact</a>
</nav>
</div>
</div>
</div>
</header>Componenti correlati
Componente intestazione skeuomorfa
Un componente di intestazione semplice e reattivo progettato per siti Web di e-commerce con uno stile scheumorfico, utilizzando una combinazione di colori in scala di grigi e supportando la modalità scura.
SkeuoHeaderComponent
Un componente di intestazione reattivo con design Skeuomorphism, supporto per temi scuri e una barra di navigazione.
Componente intestazione
Un semplice componente di intestazione progettato utilizzando lo stile del neumorfismo con colori vivaci, perfetto per un blog/pagina web di contenuti. È dotato di supporto per la modalità oscura per un design reattivo.