Ressort qui descend l'escalier
Un ressort arc-en-ciel descend marche après marche : ses spires sautent en arc l'une après l'autre et s'empilent sur la marche du dessous.
Réglages
Code
<div class="uvq10-sly" role="status"><span class="sr">Chargement</span><div class="ly" aria-hidden="true"><i class="sp" style="--j:-2"></i><i class="sp" style="--j:-1"></i><i class="sp" style="--j:0"></i><i class="sp" style="--j:1"></i><i class="sp" style="--j:2"></i><i class="sp" style="--j:3"></i><i class="sp" style="--j:4"></i><i class="sp" style="--j:5"></i><i class="r r0"></i><i class="r r1"></i><i class="r r2"></i><i class="r r3"></i><i class="r r4"></i><i class="r r5"></i><i class="r r6"></i><i class="r r7"></i><i class="r r8"></i><i class="r r9"></i><i class="r r10"></i><i class="r r11"></i></div></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 Loaders
Voir tout : LoadersOù l’utiliser
Douze spires aux couleurs mélangées entre les deux teintes du bloc passent d'une marche à la suivante le long d'arcs calculés à la compilation et se retournent en chemin, si bien que le ressort s'étire en arche puis se regroupe en bas. L'escalier défile avec le mouvement et se répète, la descente ne finit donc jamais. Il convient aux marques de jouets, contenus pour enfants et processus par étapes.
La couleur principale règle les spires du haut, la seconde celles du bas, pour un ressort arc-en-ciel, gris métal ou aux couleurs de ta marque. Utilise-le pour les tâches qui avancent par étapes et garde une marge sur les côtés, car les bords s'estompent.