Sommario
Sommario Componente con design di microinterazioni, combinazione di colori analoga, complessità semplice e scopo dei social media. Reattivo con supporto per il tema scuro. Nessun codice JavaScript.
Codice HTML
<nav class="p-4 bg-gray-100 dark:bg-gray-800">
<ul class="space-y-2">
<li><a href="#section1" class="block py-2 px-4 text-gray-700 hover:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 transition duration-300 ease-in-out transform hover:scale-105">Section 1</a></li>
<li><a href="#section2" class="block py-2 px-4 text-gray-700 hover:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 transition duration-300 ease-in-out transform hover:scale-105">Section 2</a></li>
<li><a href="#section3" class="block py-2 px-4 text-gray-700 hover:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 transition duration-300 ease-in-out transform hover:scale-105">Section 3</a></li>
</ul>
</nav>Componenti correlati
Sommario Componente
Un componente Sommario reattivo per le interfacce dei social media, progettato con un'interfaccia utente in modalità oscura che utilizza i toni della terra e un layout semplice. Supporta il tema scuro utilizzando Tailwind CSS ed è solo HTML senza JavaScript.
Sommario Componente
Un componente dell'indice reattivo con un design scheumorfico, una combinazione di colori triadici e il supporto del tema scuro, adatto per le interfacce dei social media. Niente JavaScript, solo HTML e CSS Tailwind.
Sommario
Un componente reattivo del sommario con stile Glassmorphism, con elementi traslucidi simili al vetro smerigliato con effetti di sfocatura e supporto per temi scuri. Include sezioni e immagini segnaposto per la rappresentazione visiva.