Componente de nube de etiquetas
Un componente de nube de etiquetas receptivo con animaciones atractivas, que utiliza un esquema de color monocromático adecuado para un portafolio.
Código HTML
<div class="p-6 bg-gray-800 text-white dark:bg-gray-900">
<h2 class="text-2xl font-semibold mb-4">Tag Cloud</h2>
<div class="flex flex-wrap">
<a href="#" class="m-2 p-3 bg-blue-600 hover:bg-blue-700 transition duration-300 ease-in-out rounded shadow-lg transform hover:scale-105">Web Design</a>
<a href="#" class="m-2 p-3 bg-blue-600 hover:bg-blue-700 transition duration-300 ease-in-out rounded shadow-lg transform hover:scale-105">Development</a>
<a href="#" class="m-2 p-3 bg-blue-600 hover:bg-blue-700 transition duration-300 ease-in-out rounded shadow-lg transform hover:scale-105">Photography</a>
<a href="#" class="m-2 p-3 bg-blue-600 hover:bg-blue-700 transition duration-300 ease-in-out rounded shadow-lg transform hover:scale-105">Branding</a>
<a href="#" class="m-2 p-3 bg-blue-600 hover:bg-blue-700 transition duration-300 ease-in-out rounded shadow-lg transform hover:scale-105">UI/UX</a>
<a href="#" class="m-2 p-3 bg-blue-600 hover:bg-blue-700 transition duration-300 ease-in-out rounded shadow-lg transform hover:scale-105">Digital Marketing</a>
</div>
</div>Componentes relacionados
Componente de nube de etiquetas
Un componente de nube de etiquetas retro/vintage con efectos responsivos y compatibilidad con el modo oscuro mediante Tailwind CSS.
Componente de nube de etiquetas (modo oscuro, pastel)
Un componente de nube de etiquetas responsivo con soporte para modo oscuro, usando colores pastel. Adecuado para una cartera.
Componente de nube de etiquetas
Un componente de nube de etiquetas monoespaciado inspirado en código para sitios web de juegos con colores de alto contraste y compatibilidad con modo oscuro. Presenta una estética similar a la de un terminal con etiquetas interactivas.