Konzentrische Ringe
Drei verschachtelte Bögen, die sich unterschiedlich schnell drehen, der mittlere in die Gegenrichtung.
Einstellungen
Code
<div class="ul-orb"><i></i><i></i><i></i></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
Wofür du ihn nutzen kannst
Drei Ringe, die sich jeweils in ihrem eigenen Tempo drehen, vermitteln das Gefühl, dass hier gerade etwas Kompliziertes passiert, wie bei Zahnrädern oder Planeten. Deshalb passt dieser Loader zu einem Astronomie-Blog, zum Analyseschritt eines Daten-Tools oder zu einer KI-Funktion, die ein paar Sekunden braucht. Reines CSS, in jeder Größe sauber.
Da sich die Bögen überkreuzen, glänzt er in mittlerer und großer Größe und wird winzig schnell unruhig. Gib dem mittleren Ring die zweite Farbe, dann sieht man die Gegendrehung deutlich.