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
Wofü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.