Anémomètre à coupelles
Les trois coupelles d'une station météo tournent avec les rafales tandis que l'affichage de la vitesse du vent monte et descend.
Réglages
Code
<div class="uvq10-anm" role="status"><span class="sr">Chargement</span><div class="wd" aria-hidden="true"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i></div><div class="st" aria-hidden="true"><i class="ms"></i><div class="rot"><span class="arm" style="--i:0"><i class="cp"><b class="ou"></b><b class="d"></b></i></span><span class="arm" style="--i:1"><i class="cp"><b class="ou"></b><b class="d"></b></i></span><span class="arm" style="--i:2"><i class="cp"><b class="ou"></b><b class="d"></b></i></span></div><i class="hb"></i></div><span class="ro" aria-hidden="true"><b></b> km/h</span></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
L'anémomètre d'une station météo en CSS 3D : trois coupelles hémisphériques sur des bras fins tournent autour d'un mât, vite pendant la rafale et plus lentement dans l'accalmie, tandis que des traînées de vent traversent la scène. Un petit écran compte la vitesse en km/h grâce à une propriété entière enregistrée calée sur la rotation. Il convient aux applis météo, à la voile et aux sports de plein air.
La couleur principale peint les coupelles, la seconde les traînées de vent. Affiche-le pendant le chargement d'une prévision ou de données de capteurs en direct, et garde l'affichage si ton produit traite de vraies mesures.