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
Ver todos: FiltrosDó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.