Punktring
Zwölf Punkte wie die Stunden auf einem Zifferblatt, die nacheinander verblassen und schrumpfen, während das Licht kreist.
Einstellungen
Code
<div class="ul-dr"><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><i style="--i:5"></i><i style="--i:6"></i><i style="--i:7"></i><i style="--i:8"></i><i style="--i:9"></i><i style="--i:10"></i><i style="--i:11"></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
Mit seinen zwölf Punkten, angeordnet wie die Stunden eines Zifferblatts, hat dieser Loader etwas Geduldiges, fast Tickendes. Das passt zu Momenten, in denen geprüft und gezählt wird: Das Reservierungs-Widget eines Restaurants sucht freie Tische, ein Kalender lädt Verfügbarkeiten oder eine Galerie verarbeitet frisch hochgeladene Fotos. Reines HTML und CSS, sehr leicht.
Weil die Punkte beim Verblassen schrumpfen, wirkt er luftiger als ein Balken-Spinner und passt zu feinen, minimalistischen Designs. Nimm die Textfarbe für eine leise Variante oder deine Akzentfarbe, wenn er allein mitten in einem leeren Bereich steht.