Schalenanemometer
Die drei Schalen einer Wetterstation drehen sich mit den Böen, und die Windanzeige steigt und fällt mit ihnen.
Einstellungen
Code
<div class="uvq10-anm" role="status"><span class="sr">Wird geladen</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="oder"></b><b class="d"></b></i></span><span class="arm" style="--i:1"><i class="cp"><b class="oder"></b><b class="d"></b></i></span><span class="arm" style="--i:2"><i class="cp"><b class="oder"></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 für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Loader
Alle ansehen: LoaderWofür du ihn nutzen kannst
Das Anemometer einer Wetterstation in CSS 3D: Drei halbkugelförmige Schalen an dünnen Armen drehen sich um einen Mast, schnell in der Böe und langsamer in der Flaute, während Windstreifen durchs Bild ziehen. Eine kleine Anzeige zählt die Geschwindigkeit in km/h über eine registrierte Integer-Eigenschaft im Takt der Drehung. Passt zu Wetter-Apps, Segeln und Outdoor-Sport.
Die Hauptfarbe färbt die Schalen, die zweite die Windstreifen. Zeig es, während eine Vorhersage oder Live-Sensordaten laden, und behalte die Anzeige, wenn dein Produkt mit echten Messwerten arbeitet.