Barra di navigazione dei social media
Glassmorphism Scala di grigi Semplice componente della barra di navigazione dei social media
Codice HTML
<nav class="p-4 bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg dark:bg-gray-800 dark:bg-opacity-10 dark:backdrop-filter dark:backdrop-blur-lg">
<div class="container mx-auto flex justify-between items-center">
<div class="text-gray-800 dark:text-white text-xl font-bold">SocialApp</div>
<div class="flex space-x-4">
<a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Feed</a>
<a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Profile</a>
<a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Messages</a>
</div>
</div>
</nav>Componenti correlati
Componente della barra di navigazione
Un componente della barra di navigazione complesso e reattivo progettato con un'estetica ispirata alla carta/stampa e una combinazione di colori dai toni gioiello, adatto per siti Web di agricoltura/allevamento. Include il supporto per la modalità oscura e più elementi interattivi.
Barra di navigazione dei social media retrò/vintage
Barra di navigazione retrò / vintage per i social media con combinazione di colori analoga, complessità semplice, reattivo e supporto per temi scuri.
Barra di navigazione skeuomorphic
Un componente della barra di navigazione reattivo progettato in uno stile scheumorfico con supporto per temi scuri utilizzando Tailwind CSS.