Anemómetro de cazoletas
Las tres cazoletas de una estación meteorológica giran con las rachas de viento y el marcador sube y baja con ellas.
Ajustes
Código
<div class="uvq10-anm" role="status"><span class="sr">Cargando</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="o"></b><b class="d"></b></i></span><span class="arm" style="--i:1"><i class="cp"><b class="o"></b><b class="d"></b></i></span><span class="arm" style="--i:2"><i class="cp"><b class="o"></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 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 Loaders
Ver todos: LoadersDónde usarlo
El anemómetro de una estación meteorológica en CSS 3D: tres cazoletas semiesféricas sobre brazos finos giran alrededor de un mástil, rápido en la racha y más despacio en la calma, mientras rayas de viento cruzan la escena. Un marcador cuenta la velocidad en km/h con una propiedad entera registrada al compás del giro. Encaja en apps del tiempo, vela y deportes al aire libre.
El color principal pinta las cazoletas y el secundario las rayas de viento. Muéstralo mientras carga una previsión o datos de sensores en directo, y conserva el marcador si tu producto trabaja con medidas reales.