Nuage de tags
Des tags de tailles variées qui grossissent au survol et s’activent d’un petit bond quand on clique.
Réglages
Code
<div class="uv-ftc"><button style="--z:1.5">design</button><button style="--z:1.15">react</button><button style="--z:1">typographie</button><button style="--z:1.35">css</button><button style="--z:1.2">animation</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 pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Filtres
Voir tout : FiltresOù l’utiliser
Un nuage de tags donne du caractère aux archives d’un blog. Sur un blog de design, les grands mots comme « typographie » ou « CSS » montrent les sujets les plus traités, et quelques clics filtrent les articles. Il va aussi à un carnet de notes en ligne. Si vous cherchez un nuage de mots-clés cliquable en CSS, celui-ci fera l’affaire.
La taille doit refléter quelque chose de réel, comme le nombre d’articles par tag. Restez à quinze ou vingt tags ; un nuage de quatre-vingts n’est que du bruit. Sur mobile, les écarts de taille se réduisent : vérifiez que les petits tags restent faciles à toucher.