Springende Punkte mit Schatten
Drei Punkte, die in einer Welle springen, jeder mit einem kleinen Schatten am Boden, der beim Abheben schrumpft.
Einstellungen
Code
<div class="ul-bn"><i style="--i:0"><b></b></i><i style="--i:1"><b></b></i><i style="--i:2"><b></b></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
Die kleinen Schatten machen den Charme aus: Sie werden kleiner, sobald ein Punkt abhebt, und so wirkt der Sprung körperlich. Er passt zu verspielten Marken, etwa einer Lern-App für Kinder, einem Online-Spielwarenladen oder der Reservierungsseite eines Brettspielcafés. Neben einem Tipp-Indikator im Chat sagt er eher „Spaß“ als „jemand schreibt“.
Der Schatten braucht einen Boden, setz ihn also auf ruhige Flächen statt auf Fotos. Runde, freundliche Schrift drumherum hilft. Mach ihn etwas größer, denn bei sehr kleiner Größe verschwinden die Schatten und mit ihnen der Charme.