Trend-Themen
#
Bonk Eco continues to show strength amid $USELESS rally
#
Pump.fun to raise $1B token sale, traders speculating on airdrop
#
Boop.Fun leading the way with a new launchpad on Solana.
DAS IST DER GENAUER Befehl, UM EINE GOLDENE NAVIGATIONSBAR FÜR DEINE APP-UIs ZU ERSTELLEN
Kopiere und füge dies ein 👇
"Erstelle eine schwebende Navigationsleiste, die zentriert auf dem Bildschirm ist. Dunkler Hintergrund, Glas-Morphism-Navigationsleiste mit Unschärfe und subtiler Umrandung.
Kernmerkmal - Goldener aktiver Indikatorring: Ein gleitender Highlight-Ring um den aktiven Button, der aus 4 CSS-Schichten besteht:
Glow - verschwommenes warmes Gold (#e8af48) hinter dem Ring, Opazität: 0.15
Clip-Container - overflow: hidden, border-radius: 18px - dies schneidet den Verlauf ab
Rotierender konischer Verlauf - auf 200% skaliert und um -50% versetzt, sodass er sich vom Zentrum dreht. Rotiert 4,5s linear unendlich. Der Verlauf muss stark gold-dominant sein: 70% des Verlaufs = Goldtöne (#533517 dunkles Bronze → #c49746 warmes Gold → #feeaa5 helles Gold)
2 schmale weiße Hotspots (#ffffff, jeder nur ~3% breit), die Studio-Lichtreflexionen simulieren
Zwischen jedem weißen Hotspot ein sehr dünner (~1,5% jeder) Hauch von #ffc0cb Pink und - Blau für subtile chromatische Irideszenz - diese müssen minimal bleiben, der Ring sollte als GOLD und nicht als Regenbogen wahrgenommen werden
Das Muster wiederholt sich zweimal über 360° für Symmetrie
Innere Platte - inset: 2px bedeckt das Zentrum, nur 2px des drehenden Goldrings sind sichtbar. Der Hintergrund entspricht der Navigationsleiste.
Der Indikator gleitet zwischen den Buttons mit einem federnden Überschuss (cubic-bezier(0.34, 1.2, 0.64, 1)).
3 Navigationsbuttons (Startseite, Suche, Benutzer) mit dünnen Strich-Icons, getrennt durch subtile Trennlinien. Plus ein Dunkel-/Hell-Themenumschalter - Sonnen-/Mond-Icons überblenden mit Drehen+Skalieren. Bei einem Klick auf den Umschalter springt der Button auf 1,25× Skalierung und springt dann zurück. Füge einen Filmkornrauschen-Overlay und radialen Umgebungs-Glow hinzu."
Credits für den Befehl - @ LexnLin
Top
Ranking
Favoriten
