Cargando
HTML + CSSLoader
3D-Gyroskop-Loader
Drei Ringe drehen sich auf verschiedenen Achsen um einen leuchtenden Kern.
Einstellungen
16px
1x
Code
<div class="uv-lgy" role="status"><span class="sr">Wird geladen</span><i class="r1"></i><i class="r2"></i><i class="r3"></i><i class="co"></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
Alle ansehen: LoaderWofür du ihn nutzen kannst
Ein Gyroskop steht für Gleichgewicht und Präzision und passt zu Fintech, Luftfahrt, Robotik und Wissenschaft. Drei konzentrische Ringe drehen sich auf unterschiedlich geneigten Achsen in einer 3D-Perspektive und kreuzen sich vor- und hintereinander, während in der Mitte ein heller Kern sanft leuchtend atmet.
Äußerer und mittlerer Ring nutzen deine zwei Farben, der innere mischt beide. Alles läuft mit CSS-3D-Transformationen und preserve-3d, flüssig und leicht. Die Geschwindigkeit regelt alle drei Ringe zugleich.