DNA-Doppelhelix-Loader
Zwei Punktreihen drehen sich umeinander wie ein DNA-Strang.
Einstellungen
Code
<div class="uv-ldn" role="status"><span class="sr">Wird geladen</span><span style="--i:0"><i class="a"></i><b></b><i class="b"></i></span><span style="--i:1"><i class="a"></i><b></b><i class="b"></i></span><span style="--i:2"><i class="a"></i><b></b><i class="b"></i></span><span style="--i:3"><i class="a"></i><b></b><i class="b"></i></span><span style="--i:4"><i class="a"></i><b></b><i class="b"></i></span><span style="--i:5"><i class="a"></i><b></b><i class="b"></i></span><span style="--i:6"><i class="a"></i><b></b><i class="b"></i></span><span style="--i:7"><i class="a"></i><b></b><i class="b"></i></span><span style="--i:8"><i class="a"></i><b></b><i class="b"></i></span><span style="--i:9"><i class="a"></i><b></b><i class="b"></i></span><span style="--i:10"><i class="a"></i><b></b><i class="b"></i></span><span style="--i:11"><i class="a"></i><b></b><i class="b"></i></span></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
Wissenschafts-, Gesundheits- und Biotech-Seiten warten mit dieser Helix stilvoll. Zwölf Punktpaare bewegen sich phasenversetzt auf und ab, werden kleiner und blasser, wenn sie hintereinander vorbeiziehen, während zarte Sprossen zwischen ihnen wachsen und schrumpfen. Das Ergebnis wirkt wie ein drehender DNA-Strang, nur aus CSS-Transformationen.
Zwei Farben markieren die beiden Stränge, die Geschwindigkeit bestimmt das Tempo. Nutze ihn beim Laden von Laborwerten, Genomdaten oder Patientenakten. Auch als animierter Trenner in einem Wissenschaftsartikel macht er sich gut.