Cargando
HTML + CSSLoader

Lichtmühle nach Crookes

Vier schwarz-silberne Flügel drehen sich in einem Glaskolben, während Sonnenlicht auf sie fällt.

Einstellungen

16px
1x

Code

<div class="uvq10-rdm" role="status"><span class="sr">Wird geladen</span><i class="sun" aria-hidden="true"></i><i class="ft" aria-hidden="true"></i><i class="nk" aria-hidden="true"></i><div class="bulb" aria-hidden="true"><i class="ax"></i><div class="rt"><span class="v" style="--i:0"><i class="f"></i><i class="b"></i></span><span class="v" style="--i:1"><i class="f"></i><i class="b"></i></span><span class="v" style="--i:2"><i class="f"></i><i class="b"></i></span><span class="v" style="--i:3"><i class="f"></i><i class="b"></i></span></div><i class="gl"></i></div></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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Loader

Alle ansehen: Loader

Wofür du ihn nutzen kannst

Die Lichtmühle aus dem Physikunterricht in CSS 3D: Vier Flügel, auf einer Seite schwarz und auf der anderen poliert, drehen sich auf einer Nadel in einem Glaskolben mit Hals und Fuß. Die Rückseiten-Sichtbarkeit wechselt die Flächen beim Drehen, und in der Ecke pulsiert eine weiche Sonne. Passt zu Solarenergie, Wissenschaft und Bildung.

Die Hauptfarbe bestimmt das Sonnenlicht, die zweite tönt das Glas. Nutze sie, während Sensordaten oder eine Berechnung laden, und lass oben links etwas Platz, damit der Lichtschein sichtbar bleibt.