3D-Würfel
Ein isometrischer Würfel, der sich um seine Achse dreht, jede Seite in einem etwas anderen Ton, damit er massiv wirkt.
Einstellungen
Code
<div class="ul-cube-w"><div class="ul-cube"><i></i><i></i><i></i><i></i><i></i><i></i></div></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 3D-Würfel als reiner CSS-Loader erzählt ohne Worte von Paketen und Bausteinen. Setz ihn auf die Sendungsverfolgung eines Versanddienstes, während ein 3D-Produktkonfigurator sein Modell vorbereitet, oder beim Hochladen in einer Cloud-Speicher-App. Die Seiten sind schattiert, damit er massiv wirkt, ganz ohne Bilder oder Bibliotheken.
Nimm eine mittlere Hauptfarbe: Die Seitenflächen werden automatisch daraus abgedunkelt, bei sehr dunklen Farben bleibt kein Kontrast. Die zweite Farbe sollte heller sein, denn sie färbt Ober- und Unterseite und gibt dem Würfel sein Licht.