Nube de etiquetas
Etiquetas de distintos tamaños que crecen al pasar el ratón y se activan con un pequeño salto al pulsarlas.
Ajustes
Código
<div class="uv-ftc"><button style="--z:1.5">diseño</button><button style="--z:1.15">react</button><button style="--z:1">tipografía</button><button style="--z:1.35">css</button><button style="--z:1.2">animación</button><button style="--z:0.95">ui</button><button style="--z:1.1">3d</button><button style="--z:1.25">color</button><button style="--z:0.9">iconos</button><button style="--z:1.05">oscuro</button><button style="--z:1">grid</button><button style="--z:1.3">glass</button></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Filtros
Dónde usarlo
Una nube de etiquetas le da personalidad al archivo de un blog. En un blog de diseño, las palabras grandes como «tipografía» o «CSS» enseñan de qué se habla más, y al pulsar varias se filtran las entradas. También encaja en una web de apuntes personales o un recetario. Si buscas una nube de etiquetas clicable en CSS, esta cumple.
El tamaño debería reflejar algo real, como el número de entradas por etiqueta. Quédate en quince o veinte; una nube de ochenta es solo ruido. En el móvil las diferencias de tamaño se reducen, así que comprueba que las pequeñas se pueden tocar.