Cargando
HTML + CSSLoaders

Thermomètre de Galilée

Les boules de verre d'un thermomètre de Galilée coulent une à une quand le liquide se réchauffe et remontent quand il refroidit.

Réglages

16px
1x

Code

<div class="uvq10-gal" role="status"><span class="sr">Chargement</span><i class="cap t" aria-hidden="true"></i><div class="tb" aria-hidden="true"><span class="bl b0" style="--i:0"><i></i><b>26°</b></span><span class="bl b1" style="--i:1"><i></i><b>24°</b></span><span class="bl b2" style="--i:2"><i></i><b>22°</b></span><span class="bl b3" style="--i:3"><i></i><b>20°</b></span><span class="bl b4" style="--i:4"><i></i><b>18°</b></span><i class="gl"></i></div><i class="cap b" aria-hidden="true"></i></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.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Loaders

Voir tout : Loaders

Où l’utiliser

Une haute colonne de verre aux bouchons en laiton avec cinq boules colorées, chacune portant une petite plaque dorée avec sa température. Quand le liquide chauffe, une teinte rose monte et les boules les plus lourdes coulent d'abord ; puis il refroidit et elles remontent dans l'ordre inverse. Il convient aux sites météo, applis de climat et de maison, boutiques de sciences et tâches lentes.

La couleur principale règle les boules chaudes et la teinte, la seconde les boules froides et le liquide, avec un jaune doré entre les deux. Il est haut, place-le dans une colonne latérale ou à côté d'un court message vertical.