Cargando
HTML + CSSLoader

Loader mit kippenden Kacheln

Neun Kacheln kippen in einer diagonalen Welle in 3D und wechseln dabei die Farbe.

Einstellungen

16px
1x

Code

<div class="uv-lft" role="status"><span class="sr">Wird geladen</span><i style="--d:0"></i><i style="--d:1"></i><i style="--d:2"></i><i style="--d:1"></i><i style="--d:2"></i><i style="--d:3"></i><i style="--d:2"></i><i style="--d:3"></i><i style="--d:4"></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: Loader

Wofür du ihn nutzen kannst

Ein Kachelraster wirkt wie Aufbauen, Zusammensetzen oder Generieren und passt deshalb zu Dashboards, Designtools und Bildgeneratoren. Jede Kachel dreht sich mit 3D-Perspektive um ihre senkrechte Achse, die Welle läuft diagonal von oben links, und auf der Rückseite zeigen die Kacheln die zweite Farbe, bevor sie zurückkippen.

Es sind neun Elemente und ein Keyframe mit gestaffelten Verzögerungen, also auch mobil leicht. Passe Farben und Tempo für eine ruhige oder energische Welle an.